[ HTML Editor Panel Update ] This update gives the panel a clearer direction: Provide a custom subset of html for the main documentation format inside Roject. It should be readable as normal html file on computers and can be part of a webpage directory, which can be defined in css/js/headers. This will be a later part when needed but should be planned with. Since the js part can be critical, only special js will be used when displaying the pages in the editor, effectively stripping away any code. [ Naming Changes ] - HTML Editor Panel should be renamed to PageEditorPanel. This change should be done for all involved code. - This editor is no longer responsible for html suffixes. - This editor is now responsible for page suffixes. [ Editing Changes ] The editor will use a template for the html document with a standardized layout: The will have this: Whenever a .page file is opened that does not follow this format, the editor needs to reject the editing and fallback to normal text editing. [ Blocks and Areas ] Blocks () are full width html element templates with a specific structural layout. They could be something like 3 rectangles arranged in two halfs, 2 rectangles vertically aligned for images and one rectangle on the right for text. Blocks can replaced and areas inside can be changed, but the structure of a block is not changable. Areas () are containers for text, images and other inline elements. The allow rich text editing, from asigning font style attributes (color, font-family, font-weight, italic etc) [ Headers and footers ] Headers and Footers will be there, but no features will be added yet. [ UI ] The ui should have two icons on the left which switch between blocks and areas. Blocks will feature a horizontal scrollable list of elements (canvas/html previews), while areas have buttons for formating the selected text.