How do I add special characters in the WYSIWYG editor?

While the WYSIWYG editor used to format content has some special characters available through the "insert special character" icon (See step 2 below to learn how to add characters that are available), some special characters must be added manually using HTML. This article will show you how to add a character to your content if it's not available in the WYSIWYG.

Examples of special characters - some of which may be available through the WYSIWYG and others you may need to add using HTML - include &, @, currency symbols, accented letters, letters that don't exist in the English alphabet, arrows, geometric shapes (squares or triangles), math symbols, trademark or copyright symbols and more.

1. In the article manager in the WYSIWYG click on the more icon here:

A menu will display below.

2. Click on the Dollar Sign icon ($).

You'll see a wide variety of options. Click on the special character you wish to insert. Make sure your cursor in the WYSIWYG editor is where you wish the character to appear.

3. If you don't see the character you're looking for go to source code mode:

4. Use the W3C list of approved HTML entities found at: http://www.w3schools.com/charsets/ref_html_utf8.asp. Scroll down until you see the below and click on the category to view character codes.

4.1. Find the number that corresponds with the character you'd like to add. In this case, we're adding a black medium square, which is found under Geometric Shapes.

4.2. Type the special character code between &# and ;. For example: ◼ for the black medium square.

4.3. Click Source again to return to the standard editor. Your special character should appear.

5. Click Save when you are done adding content in the WYSIWYG.

6. You will see your special character in HTML after leaving the WYSIWYG.