Skip to main content
All CollectionsCommunity
How do I use the advanced editor tools?
How do I use the advanced editor tools?

Learn how to use the editor tools on Chess.com and personalize your comments on games, forums and blog posts!

Updated this week

Editor tools on Chess.com

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

Type your content directly into the editor and highlight any text you want to style (e.g., bold, italic, or change the text color). You can also copy and paste content from other sources, but keep in mind that it may need additional formatting or styling once added. Note that pasting content from Word or email software may sometimes add extra line spaces.

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, on the other hand, have immediate access.


Button guide

Editor tool on Chess.com

Button

Details

Resize Editor

Resize tool on Chess.com

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

Insert Diagram

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

Insert 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 media tool on Chess.com

Insert Image

Insert image tool on Chess.com

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 image tool

New basic accounts start with limited features. Play games and post comments without images or links and these options will unlock over time!

Insert/Remove Link

Insert or remove link tool on Chess.com

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

Insert list tool on Chess.com

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

Insert list tool on Chess.com

Insert Table

Insert table tool on Chess.com

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.
​

Insert table tool on Chess.com

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

Insert table tool on Chess.com


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

Insert table tool on Chess.com

  • 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

Insert horizontal line on Chess.com

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

Insert Smileys

Insert smiley on Chess.com

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.

Insert smiley tool on Chess.com

Undo/Redo

Undo/redo tool on Chess.com

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

Full screen mode on Chess.com

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

Text editing tools on Chess.com
  • 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

Text editing tool on Chess.com

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

Text color editing tool on Chess.com

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.

Text color editing tool on Chess.com

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

Highlight Color

Text highlight tool on Chess.com

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.

Text highlight tool on Chess.com

Font Size

Font size tool on Chess.com

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

Font selection tool on Chess.com

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

New basic accounts have limited features initially. Start by playing games and posting comments without images. Image uploads will unlock later!

Did this answer your question?