In the course of writing your content, you may discover you need to include special characters. The Omega symbol icon in your WYSIWYG bar (located on the second row, third from the right) contains the basic list of special characters that comes packaged with the version of CKEditor used in SiteFarm. The full menu is displayed in the screenshot below:
Additional Special Characters and HTML Ampersand Entities
It begs the question: what if you need a special character that isn't included in this list? HTML code includes encoding for hundreds of different symbols which you're welcome to include. You'll know you've come across the right one if it follows this structure:
&namenum; OR &#namenum;
Take a look at this screenshot displaying the correct encoding to include the greater-than or equal to symbol:
The Unicode Lookup site is a great resource for finding symbols that might be specific to certain use case needs, like mathematical equations.
How to Insert an HTML Ampersand Entity into your content
- Locate the HTML entity number for the symbol you want to use.
- Edit your page content and go to your WYSIWYG.
- Click on the Source icon .
- Look through the text and HTML tags to locate where you want to add your HTML Ampersand Entity and paste in the code.
- Click the Source icon again to return to your regular view and check the output.
- Click the Save button to finish.
The table that follows lists some of the more common ones you might find useful, but you're also welcome to search the full Unicode list and use the HTML Ampersand Entity number to represent the symbol or character you need.
|Unicode Character||HTML||Unicode Character||HTML|
|superscript one¹||¹||subscript one₁||₁|
|superscript two²||²||subscript two₂||₂|
|superscript three³||³||subscript three₃||₃|
|superscript four⁴||⁴||subscript four₄||₄|
|superscript five⁵||⁵||subscript five₅||₅|
|superscript six⁶||⁶||subscript six₆||₆|
|superscript seven⁷||⁷||subscript seven₇||₇|
|superscript eight⁸||⁸||subscript eight₈||₈|
|superscript nine⁹||⁹||subscript nine₉||₉|
|superscript zero⁰||⁰||subscript zero₀||₀|
|less-than <||<||greater-than >||>|
|less-than or equal to ≤||≤||greater-than or equal to ≥||≥|
Adding Special Characters to Text Fields
You may have noticed during this process that you're only able to use the HTML Ampersand Entities within the Source area of the WYSIWYG, but what about other areas like text fields? This is especially problematic when a proper name or place requires a special accented character in order to be spelled correctly. You have a couple of different approaches available to you:
- Find a representation of the character, copy it, then paste it into the spot required in the word or name in the text field.
- Use your operating system's built-in character encoding features. In both cases, you'll be able to place or copy/paste the symbol into place.