Upgrade to Chess.com Premium!

How to use the Chess.com Diagram Editor

  • webmaster
  • | May 8, 2007
  • | 43383 views
  • | 207 comments

Chess.com is building amazing tools so that you, the user, can contribute to the site in meaningful ways. Our first product is the Diagram Editor. To access the editor click on the button that looks like a chessboard on the toolbar above the text box. 

What is so amazing about this tool is that you can easily insert 1 of 3 different kinds of diagrams into almost anything on Chess.com - an article, your blog, the forums, etc!

1. Diagram - Just a plain diagram that shows a position. It can include details and a comment.

 2. Game or Moves - A replayable series of moves. This can be used to show an entire game (including comments, complete move list, and game details), or just pieces of the game.

 

3. Puzzle - Insert an interactive puzzle into your page! This lets other users try and find the right move, and then see the response move. They can also see the solution or get a helper/hint move.

You can choose 3 different starting methods. You should use the most detailed starting information possible to save yourself time recreating the game or position.

  • Blank - a new blank chessboard with no moves made
  • FEN string - a series of letters/numbers that describe a static position
  • PGN file - a text file the describes the details, moves, and comments of a game or series of moves

Once you have started to create a chess position (or game or puzzle) you will see a set of tabs at the top right. Those allow you to customize your chess position.

Board Editor: The board editor is where you can move pieces freely and create whatever setup you want. You can drag pieces on and off of the board! You can also add a diagram caption (for static diagrams) and fill out other details of the position. Finishing your changes on the Board Editor is a necessary step to moving on to the Game Editor.

Game Editor: The game editor allows you to view, edit, add, and change the moves and comments in a game. It is basically a PGN editor with added functionality. You can just drag and drop the pieces on the board. You can also insert comments before or after moves.

  • Set Begin - mark the position in the game where you want the game to start
  • Set Focus - mark the position in the game where you want the game to first be shown when loaded
  • Set End - mark the position in the game where you want the game to end
  • Promote Variation - make the current variation tree the primary variation
  • Delete Rest - remove all further moves in that variation tree

Game Details: The game details include information about the players and the event. Often times this will be pre-filled if you use an existing PGN file.

Design: These settings allow you to decide how you want the pieces to look, what colors the board should be, how large you want the board, which side of the page or document it should be on, and if coordinates should be shown.

Preview: The preview pane gives you a fairly accurate rendition of how the diagram will look in your document.

You can move back and forth between tabs to improve your diagram or game. Once you are satisfied, you must click the Insert button to embed the chess position in your document. If you want to edit your position, just select it and then click on the chessboard icon again.

Have fun using the diagram editor to insert games and more into your forum topics, blog, articles, etc! 

Comments


  • 9 days ago

    Percy2014

    why can't i put a position?
  • 13 days ago

    stourleyk

    I have the same problem as Aniketgokhale.

  • 13 days ago

    ANIKETGOKHALE

    Unable to insert diagrams or positions, for some reason it seems to be stuck like the one above, i was previously able to use it effortlessly...

  • 5 weeks ago

    stourleyk

    [COMMENT DELETED]
  • 6 weeks ago

    SkyMarshal

    I dont undertand how to use FEN. I though a FEN code is from a unique position on the board and you have to make all the moves, but now I see that when I make the moves the FEN code doesnt chage, so maybe the FEN code is from a whole game? I doubt it, but in case it is, I still cant make it work in the diagram :(

  • 6 weeks ago

    SkyMarshal

    Is there any easy way to give the link of my game so it appears already? All this ways doesnt work for me inserting a full game. I could make it making move by move, but I dont think that is worth it. There should be a faster way. Am I missing something?

  • 6 months ago

    bkrmchhn

  • 6 months ago

    Argonaut777

  • 6 months ago

    allenchryso_123

    i cant see any where to post a topic

  • 6 months ago

    bluewaves2000

    after finishing all the steps i couldn't able to click insert why?

  • 6 months ago

    THEmorphy

    [COMMENT DELETED]

  • 6 months ago

    Ma75667

  • 7 months ago

    Ryusoke_Haru

    where can i find mine??

  • 7 months ago

    chapagainsandesh88

  • 8 months ago

    Dougy147

  • 13 months ago

    Ohmyrab

  • 13 months ago

    wodez

    [COMMENT DELETED]
  • 14 months ago

    Jacksin

    [COMMENT DELETED]
  • 14 months ago

    Jacksin

  • 14 months ago

    Jacksin

Back to Top

Post your reply: