Skip to main content
All CollectionsCommunity
How do I use the advanced editor tools?
How do I use the advanced editor tools?
Updated over a week ago

Basic users can access the advanced editor tool in the About Me section 30 days after activating their account and playing a few games. Premium users, however, get immediate access.

The WYSIWYG editor allows you to create content with word processor-like formatting.

Type your content directly into the editor. To style text - bold, italic, or change the color, simply highlight the desired section and apply the formatting. You can also copy and paste content from other sources. However, please note that pasted content may need additional formatting, especially if it's from Word or email software, which might add extra line spaces.


Button Guide

Button

What it Does

Resize Editor

It lets you adjust the editor's length by dragging the handle in the lower right corner.

Insert Diagram

This exclusive feature lets you insert chess diagrams, replayable games, or interactive puzzles. Click the chessboard icon to open the Chess.com editor.

Check out this article to learn how to adjust diagrams: How do I put a game or puzzle in a forum post?

Insert/edit media

Use this button to embed a YouTube video in your post. Click the button, then select Embed in the popup window. Paste the YouTube embed code into the text box.

Insert Image

Use this feature to insert images into your document. You can either upload an image directly or copy and paste a URL to an external image.

Insert/Remove Link

You can add either web page links or email links to your document using the link button. The other button is the unlink button used to remove links but keep the text in place.

  • Link URL: For a web link, enter the full web address starting with http:// and for an email link enter mailto: followed by the email address.

  • Text to Display: This is what the text will say for the link.

  • Target: By default, links will open in the same browser window. To have links open in a new browser window, select "Open link in new window" from the dropdown list.

  • Title: Enter the anchor text you want to have appear when a user moves over the link.

Insert List

Use these to insert different list types into your document. The two types are shown below:

Insert Table

To insert a table, click the Table button. A menu will appear where you can choose the table size by moving your mouse over the squares.
​

Once inserted, you can adjust aspects of the table's properties by clicking the Table Properties button.
​


This will open a menu which allows you to customize all aspects of the table:
​

  • Width: How wide each cell is. This can also be adjusted by clicking and dragging on the black squares on the corners of the table.

  • Height: How tall each cell is. This can also be adjusted by clicking and dragging on the black squares in the corner of each table.

  • Cell Spacing: How much space is between each cell.

  • Cell Padding: How much space is between each cell's contents and its borders.

  • Border: How thick the border between cells is.

  • Caption: Add a caption to the table

  • Alignment: How the contents of the cell will be aligned. You can choose between Left, Center, and Right alignment.

Insert Horizontal Line

Click this button to insert a horizontal line. This grey line will create a natural break in your content.

Insert Smileys

Click this button to open a window with 72 different smiley faces and icons. Simply click on the one you want, and it will be inserted into your document.

Undo/Redo

These buttons will undo and redo the last actions done in the editor. The standard keyboard shortcuts for undo and redo also work for both Windows and Mac.

Full-Screen Mode

Toggle the full-screen mode button to open the editor in a full-screen window, allowing you to see more of your document. To return to the original size, click the Full-Screen button again.

Bold, Italics, Underline

  • Bold: To make the text bold, select the text and click this button. Click again to remove the bold formatting.

  • Italics: To italicize text, select the text and click this button. Click again to remove the italics.

  • Underline: To underline text, select the text and click this button. Click again to remove the underline.

Alignment and Justification

You can use these buttons to change the alignment of text, graphics, and tables in your document. Each button shows its alignment - left, center, right, and full.

Text Color

Use this feature to add color and make parts of your article stand out. Select the text you want to change, then click this button. To change the font color, click the small down arrow next to the button.

Avoid overusing this feature to prevent distracting your readers. To remove color, click the 'X' in the lower right corner.

Highlight Color

This feature lets you highlight text, similar to using a highlighter on paper, to draw attention to important points. Simply select the text you want to highlight and click this button. To change the highlight color, click the small down arrow next to the button. To remove the highlight, click the 'X' in the lower right corner.

Font Size

You can adjust the size of the text to make it larger or smaller. Simply select the text, then choose the desired font size from the drop-down menu. Avoid excessive use of larger text to maintain readability.

Font Family

Change the font style to give your text a different look. Select the text, then choose the desired font from the drop-down menu.

Did this answer your question?