WiscWebCMS - Responsive Template (rst) - Text Area

This document explains how to access the Text Area, as well as what the icons and options in the toolbar will do while you remain in the default Design mode.

Navigate:
1. How to access
2. Design and toolbar

How to access and implement the Text Area content class

  1. To access the text area of your page, click on the red dot of Open Page for Editing
  2. Next click on the red dot of Manage Main Content
  3. This screen will pop up, you want to click on create and connect page, the forth tab down.
  4. You will then see this screen. To add text into your main content hit Text Area.
  5. You will be asked to rename the text area, name it Home Page-Main Content. After you have renamed the headline click OK.
  6. A grey box will now appear under "Close Text Area."
  7. Click the red dot of the Edit Text. This will open up a tab that allows you to paste content into the page.

Return to the TOP


Design Mode and Toolbar Options

Starting from the top left, and ending at the bottom right icon.

  1. Undo (CTRL + Z): When undoing something in the text area, it's important to remember that the undo button will undo actions instead of individual words or sentences.
    1. Actions include typing (not spacing), breaking a new paragraph (hitting enter), implementing an external link, etc. So, if you type a single paragraph, whether large or small, and if you use the undo feature it will take out the entire paragraph, unless you did something else, (another action) such as creating a 2nd paragraph.
  2. Redo (CTRL + Y): When redoing something in the text area, the same rules apply for redoing that also apply for undoing. Only different actions will be redone if you use the redo function.
  3. Select All (CTRL + A): Selects and highlights all the content within the text area for you to copy, delete, cut, etc.
  4. Check Spelling: You will need to log in with a UW Net ID in order to have a 2nd party program edit the spelling, so a pop up will come up if you select this option.
  5. Copy (CTRL + C): Copy the selected content.
  6. Paste (CTRL + V): Paste the copied content.
  7. Paste from MS Word/ Paste as text (CTRL + ALT + V/ CTRL + SHIFT + V): To keep the coding and text 'clean' you want to insert the text just as it is displayed. To do this click "paste as MS Word' if your text is from any MS document, or "paste as text" if your external text is from any other source.
  8. This pulls up a smaller text area and this is where you hit Ctrl V to paste your content into the page.

    Note that it's strongly recommended not to paste text copied from any source external of WiscWeb CMS's Text Areas without using this option.

  9. Insert Horizontal Line: A thin line will appear and act as a vertical border and paragraph.
  10. Insert Symbol: A pop out tray will appear with a number of different symbols that you can enter onto the text area.
  11.  Insert/Edit Markup: You can define the language of the selected text with this option. The default is English.
  12. Bold (CTRL + B): The selected text will be bolded.
  13.  Italic (CTRL + I): The selected text will be italicized.
  14.  Underline (CTRL + U): The selected text will be underlined.
  15. Strikethrough: The selected text will have a line strike through it.
  16.  Superscript (CTRL + SHIFT + K): The selected text will be superscripted. If no text is selected, then whatever you type after turning on superscript will be typed as superscript.
  17.  Subscript (CTRL + SHIFT + J): The selected text will be subscripted. If no text is selected, then whatever you type after turning on subscript will be typed as subscript.
  18.  Font Color: The selected text will have its color changed to the color selected in the palette. If you select the color and have yet to select any text, anything you type afterwards will be typed in this color unless changed, or deleted.
  19.  Background Color: The selected text will have its background color changed to the color selected in the palette. If you select the background color and have yet to select any text, anything you type afterwards will be typed with its background in this color unless changed, or deleted.
  20.  Do Not Allow Wrapping: By default, your text will wrap around a picture. If you use this option on the selected text, it will push any pictures close to the selected text away by pushing the picture down or up a paragraph.
  21.  Switch Text Direction: By switching Text Direction, sentences and paragraphs will stick to the opposite side. This is similar to aligning right, but it will not show up in HTML and Source Code, whereas the align right option will show in HTML.
  22.  Numbered List (CTRL + SHIFT + O): The selected text will be organized into a numerical list. If you don't have text selected, it will start off with a 1.
  23.  Bullet List (CTRL + SHIFT + U): The selected text will be organized into a bullet list. If you don't have text selected, it will start off with a single bullet.
  24.  Decrease Indent (CTRL + SHIFT + M): This deletes the blockquote for your paragraph, or pulls the indentation back by 1. If you have increased indent more than one, it will create 1 more blockquote each time. Note that a blockquote will change your font color to a light gray.
  25.  Increase Indent (CTRL + M): This will create a blockquote for the paragraph you are typing in, no matter how small or large the paragraph is. If your paragraph has a break (</br>) from you using SHIFT + ENTER then increasing indent will not work unless you select the entire paragraph, and then click the Increase Indent button. Note that a blockquote will change your font color to a light gray as seen in process below.
    1. Highlight the paragraph before you hit the indent button.
    2. Once you've indented the paragraph (Note this is 1 indentation), this is how it will look like (greyed).
  26.  Align Left (CTRL + E): The selected text and/or content will align with the left side of the page.
  27.  Center: The selected text and/or content will align with the center of the page.
  28.  Align Right (CTRL + R): The selected text and/or content will align with the right side of the page.
  29.  Justify (CTRL + J): The selected text will be justified, or spaced accordingly (further a part) throughout the page.
  30.  Insert or Edit Table: Implement a Table in the Text Area.
  31.  Insert or Edit Jump Mark (CTRL + G): Implement a Jump Mark in the Text Area. This allows you to name specific areas on your Text Area that you can jump to and from.
  32.  Administer Jump Marks (CTRL + SHIFT + G): Administer the Jump Marks you implemented.
  33.  Insert or Edit Link (CTRL + L): Implement or edit an external or internal link. You can also upload files and link internal files.
    1. Page
      1. Page: Browse for a page on your WiscWeb CMS project. Remember that the search is case sensitive (Spelling matters, but not capitals or word order)
      2. Jump Mark: If you edited the source code to implement an id or inserted a jump mark, enter the id here to jump to that part of the page instead of the top of that page.
      3. Tooltip: Whatever is entered into this area will show up when you mouseover the link, as a small text pop up and is optional.
      4. Target: Effects how your window will open up after clicking the link.
        1. _blank: Open up the linked page in a new window.
        2. _self: Open up the linked page in the same window (default).
        3. _parent: Open up the linked page in a parent window (the 1st window if you have multiple windows, not to be confused with tabs)
        4. _top: Open up the linked page to fill the entire window.
      5. Attribute: Available for custom pages only, otherwise this area is blank.
    2. Asset (After hitting "Select" on File)
      1. Select File from Local File System: Browse for an image found on your computer.
      2. Select Asset: Browse for an image already uploaded onto your CMS project.
      3. No File: Exit File Select.
    3. Internet
      1. URL: Browse for an image found on your computer.
      2. Jump mark: Browse for an image already uploaded onto your CMS project.
    4. Email
      1. Address: The user who you wish to tag in the email link.
      2. Subject: An automatic subject created when opening up the email link in your default email software (usually outlook).
  34.  Remove Link (CTRL + SHIFT + L): Remove the linked URL or file.
  35.  Insert Image or Edit Image Properties (CTRL + SHIFT + I): Implement an image. Note that it's recommended that you upload an image from your computer through the default Asset tab instead of linking an image through the internet.
    1. Asset (After hitting "Select" on File)
      1. Select File from Local File System: Browse for an image found on your computer.
      2. Select Asset: Browse for an image already uploaded onto your CMS project.
      3. No File: Exit File Select.
        (Options below File)
      4. Alternative Text: This is an optional tooltip, or pop up text that appears when you mouseover the image.
      5. CSS class: Available for custom pages only, otherwise it defaults as "No CSS Class".
      6. Alignment: Adjusts the page alignment of the image. It default has no alignment and will adjust to the paragraph it's included in.
    2. Internet
      1. URL: This has to be the image location URL, and not the page URL the image is located on. You can make sure it's an image location by right clicking the image and clicking on "Copy Image Location".

Return to the TOP

See Also:




Keywords:text area edit editing faq design toolbar   Doc ID:43544
Owner:Iffat B.Group:WiscWeb CMS
Created:2014-09-15 15:02 CDTUpdated:2015-07-29 13:44 CDT
Sites:DoIT Help Desk, WiscWeb CMS
Feedback:  0   0