How to use the Body Editor Bar – Filtered HTML

FILTERED VIEW EDIT BAR FUNCTIONS

(Hover over a button for its name.)

Bold – Highlight text and click the Bold button to bold or un-bold it.

Italics – Highlight text and click the Italic button to italicize or un-italicize it.

Underline – Highlight text and click the Underline button to underline it or un-underline it.

Subscript – Highlight a character and click the Subscript button to make the character drop into a subscript (H₂O) position or remove the subscript (H2O)

Superscript – Highlight a character and click the Superscript button to make the character rise into a superscript (3³) position or remove the superscript (33). (Note that the line spacing may change)

Align Left – Highlight text and click the Align Left button to align it to the left on the page or block.
Text Aligned Left

Center – Highlight text and click the Center button to align it to the center on the page or block

Text Centered

Align Right – Highlight text and click the Align Right button to align it to the right on the page or block.

Text Aligned Right

Insert/Remove Bulleted List – To enter a bulleted (unnumbered) list, click the Insert Bulleted List button and enter the first item followed by a <RETURN> command. Every entry will be a new bulleted item. End the list by entering an empty entry. If you have sub entries, use <TAB> command to drop to the next level. To return to the previous level, use the <SHIFT + TAB> combination. To remove the bullets, highlight the list and click on the Insert/Remove Bulleted List button.

• item
• next item

• Item
  • secondary item
    • tertiary item
• Next Item
  • secondary item

Insert/Remove Numbered List – To enter a numbered list, click the Insert Numbered List button and enter the first item followed by a <RETURN> command. Every entry will be a new numbered item. End the list by entering an empty entry. If you have sub entries, use <TAB> command to drop to the next level. To return to the previous level, use the <SHIFT + TAB> combination.To remove the numbered list, highlight the list and click on the Insert/Remove Numbered List button.

1. First item
2. Second Item
   1. First Subitem
   2. Second Subitem
3. Third Item

Increase/Decrease Indent – This is usually used to add or remove indent to a paragraph. Highlight the entire paragraph and click the Increase Indent button. Multiple indents will shift the paragraph further to the right. Remove the indent by highlighting and clicking the Decrease Indent.

Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party.

Block Quote – This option will also shift a paragraph to the right but will add a distinctive bar graphic on the left and italicize the text. Highlight the paragraph and click the Block Quote button.

Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party.

Pull Quote – Highlight the one “quote” you want pulled and emphesized to the right of the paragraph. Internally, the editor will display the PullQuoted text with a dotted underline.

Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party.

Cut, Copy, Paste, Paste as Plain Text, Paste from Word, Remove Format – These features allow you to cut or copy text and then paste it to another location in your body text. It can also be used to copy formatted text from websites or word documents by adding them to your clipboard, and then pasting them into your Body Text. In this case, if you simply use Paste, any additional formatting will be included with the text. If that’s unwanted you can use Paste as Word which will attempt to paste it in a format similar to the Word format by pasting the ext into a dialog box. Or you could use Paste as Text which also opens a dialog box so you can paste your clipboard into the box and then click OK which strips all styles from the text including links. If all else fails, you can highlight the text and click on Remove Format.

Paste directly from a website – example:

CAD Books

This is the official Chapter a Day booklist. It contains information on every book read on WPR’s Chapter a Day© in the past thirty-four years! It also reveals upcoming book selections. You can search books by title and author.

Paste the same text using Paste as Plain Text – example:

CAD Books

This is the official Chapter a Day booklist. It contains information on every book read on WPR’s Chapter a Day© in the past thirty-four years! It also reveals upcoming book selections. You can search books by title and author.

Select All – it selects all the text in your body field. You can deselect the highlighting by clicking anywhere in the body field.

Undo/Redo – If you make an error in your entry, you can undo the last entry. You can use it multiple times. If you go too far, you can redo entries. Entries are usually considered to end with <RETURN> or end-of-line keys.

Find – A dialog box will open and ask what text you’re looking for. You can look for matches with exactly the same case, or match only whole words rather than partials – for example, match “on” and not “onward” You can click the FIND button repeatedly to locate the next matching word. (Note the “Match Cyclic” option doesn’t appear to function and must be left on.) Note that this editing feature also includes a Replace option. You can replace all words or phrases with a new one, either once or in all cases of a match.

Example of replace option – Original text.

Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party.

Example of replace option – Highlight paragraph then Replace “whole words “men” with “men and women”.but use just “Replace” several times until it can’t locate another match. If you use “Replace All” it ignores your highlighting and replaces every instance everywhere in the body text!

Now is the time for all good men and women to come to the aid of their party. Now is the time for all good men and women to come to the aid of their party. Now is the time for all good men and women to come to the aid of their party. Now is the time for all good men and women to come to the aid of their party. Now is the time for all good men and women to come to the aid of their party.

Replace – REMOVE – Same as the 2nd tab in FInd/Replace

Spell Checker – Default is “On” and underlines misspelled words in red. It’s not very fast however. Example: Spell Checkjker

Image – This feature will insert an image into your text with many options, however you must upload your image first (use Add Files) and load the address into your clipboard so you can tell the feature where it’s located. In this example, we used the test image at https://wpr-public.s3.amazonaws.com/wprorg/articles/2017/12/flambeau-site.JPG then made it 200px wide (the aspect ratio was locked so the height was automatically recalculated to 133px) then added a 1px border, and Alternate Text for the sight-impaired. I also added a URL to the image that will lead you to the WPR Homepage in a new window. (ALL OPTIONAL ELEMENTS DO NOT CURRENTLY WORK IN FILTERED HTML)

NOTE: Had to enter a blank paragraph after image in order to proceed with more text…

Table – Select the Table feature and tell it the number of rows and columns you want to display. You can add captions, as well as column and cell width padding.

(DOESN’T DISPLAY PROPERLY IN FILTERED HTML)

Insert Special Character – $1 will currently buy you 0.83€ in Europe or 0.73£ in the UK.

Link – You can use this two ways to display a link. Highlight a word or phrase, then click on the Link icon and fill in where you want it to lead the visitor. Or you can just click the icon and fill in the address and save it and the URL itself will be displayed with that link. There are options for entering http and https (secure) links as well as ftp and email links. For URL’s, you can also decide if you want the click to create a new window to the website (target = _blank) or not. There are advanced features that can add other options if you’re familiar with HTML.

https://www.wpr.org

The website is here.

UnLink – Highlight an existing link or linked text and click this to remove the link.

Anchor – An anchor is a point inside a webpage that you can jump to directly. The internal anchor above was called Anchor1 so calling this page with the URL ending in #anchor1 will make the browser set this as the top of the display. For example https://www.wpr.org/how-use-body-editor-bar-filtered-html#anchor1 You can also set several anchors on a long page and jump to them within the page by using a link like “#anchor1”

Paragraph Format – These are preset display formats for titles and text you want to display differently. Highlight the text then select the format. Examples:

Normal – This removes formatting so the text displays in its default size. For this website, that is 11 point text.

Formatted - This is small text than normal that uses a different font

Heading 2 – This is much larger text often used for titles

Heading 3 – This is slightly larger text thn normal often used for section titles

Source – This will switch you into Source Code mode. You’ll see the text along with all the HyperText Markup Language (HTML)

Maximize/Minimize – This will expand the text entry field to nearly “full screen” so you can see more of the text at once. (Note you can also do this with any text entry field by grabbing the right lower corner and “pulling” in down the page. )

Other Tricks

Sometimes you want to enter a line of text but want the NEXT line to be below the first, but not as part of a new paragraph. You can accomplish this by pressing SHIFT+ENTER after the first line which entered a LINE BREAK command instead of a CLOSE PARAGRAPH command. For example,

The Top Section Title Centered
A sub-text comment

There are many other keyboard shortcuts to accomplish some of the effects above.

• Double-click on a word – Highlights that word.
• Triple-click anywhere on a line of text or in a paragraph – highlights the entire line or paragraph.
• CONTROL+B – Bolds the highlighted text
• CONTROL+I – Italicizes the highlighted text
• CONTROL+A – Highlight ALL text in the field

• CONTROL+C – Copies the highlighted text into your clipboard
• CONTROL+X – Cuts the highlighted text to your clipboard
• CONTROL+V – Pastes whatever is in your clipboard to the point where your cursor is placed.

• CONTROL+F – Turns on FIND option. If your cursor focus is inside the body field, when you enter a word, it will be highlighted throughout the field.
• CONTROL+G – During the FIND option above, this command will move your cursor to the next matching word.
• CONTROL+L – Calls the LINK feature above
• CONTROL+P – Calls the Print Page option
• CONTROL+Z – Erase last entry to the last Enter key. This is similar to the UnDo command above.