Home Explore Help
Sign In
Phaser.js
/
PhaserEditor2D-v3-docs
mirror of https://github.com/PhaserEditor2D/PhaserEditor2D-v3-docs.git
2
0
Fork 0
Files Issues 0 Wiki
Branch: master
Branches Tags
PhaserEditor2D-...
/
workbench
/
editors.rst

editors.rst 1.7 KB
Permalink History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041 
  1. .. include:: ../_header.rst
    2. 

  2.    
    3. 

  3. .. highlight:: javascript
    4. 

  4. 

  5. Editors
    6. 

  6. -------
    7. 

  7. 

  8. An editor is a panel that is dedicated to editing an object or input. It has a title and a content area. The title shows the name or identifier of the input object and the content area provides the UI elements to edit the input. In the majority of the cases, the input of an editor is a file.
    9. 

  9. 

  10. Dirty state
    11. 

  11. ~~~~~~~~~~~
    12. 

  12. 

  13. An important characteristic of the editors is the "dirty" state. When the user changes something in the editor, the editor is labeled as "dirty" and indicates that it should be saved to persist the changes. If you close an editor but it is dirty, it shows a confirmation message, because the changes will be lost.
    14. 

  14. 

  15. .. image:: ../images/workbench-editor-dirty-04042020.jpg
    16. 

  16.  :alt: Editor dirty state and content preview.
    17. 

  17. 

  18. 

  19. Title image
    20. 

  20. ~~~~~~~~~~~
    21. 

  21. 

  22. The title of an editor, in many cases, shows a preview of the content of the input. It is the case of scenes or images. This helps to identify the input of an editor when you have some of them open.
    23. 

  23. 

  24. You can make the title image bigger or smaller, by pressing ``Ctrl+3`` and ``Ctrl+4``.
    25. 

  25. 

  26. .. image:: ../images/workbench-editor-title-small-04052020.jpg
    27. 

  27.  :alt: Title image size.
    28. 

  28. 

  29. Title menu
    30. 

  30. ~~~~~~~~~~
    31. 

  31. 

  32. The editor's title provides a context menu with a couple of options. To close the editor, close other editors or change the title's image size:
    33. 

  33. 

  34. .. image:: ../images/workbench-editor-title-menu-04052020.jpg
    35. 

  35.  :alt: The context menu of the editor's title.
    36. 

  36. 

  37. 

  38. Restore editors
    39. 

  39. ~~~~~~~~~~~~~~~
    40. 

  40. 

  41. When you open a project, the IDE opens the editors used in the previous session. This information is stored in the local storage of the browser. This means, it is not present in other browser instance or you can remove it by clearing the browser private data.
    42.