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

Button	Details
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. 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	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.

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