57 lines
2.0 KiB
Plaintext
57 lines
2.0 KiB
Plaintext
[ 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 <body> will have this:
|
|
|
|
<page-header></page-header>
|
|
|
|
<page-root>
|
|
|
|
<page-block>
|
|
|
|
<page-area>
|
|
|
|
</page-area>
|
|
|
|
</page-block>
|
|
|
|
</page-root>
|
|
|
|
<page-footer></page-footer>
|
|
|
|
|
|
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 (<page-block>) 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 (<page-area>) 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 <page-header> and Footers <page-footer> 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.
|