Slide editor usability and bugs

[aoelen]

Recently we received some feedback about the slide editor. Although slides editors are complicated code, we should try to find ways to improve it. This issue is the list the feedback regarding the editor. Based on this feedback, we can decide what should be done to improve (e.g., fixing the issues, refactoring the code, completetly redesigning the editor).

• The design of the slides in the editor is different from the design when a slide is played in the presentation mode (this is caused because the slide is played in RevealJS). This is going again the WYSIWYG principle.
• Some styling is not applied (when using the object styles in CKEditor)
• Dragging of element is complicated
• When hitting backspace in a draggable container, also the menu and delete buttons of the container are removed

[vitalis-wiens]

• Changing the font size does not effect bullet point size

• Styles and Formats behave buggy ( e.g. Style (inline) marker does not work )
  Selected style types are not shown ( is it only one style or is there a list of styles )?

• The size of the slide is changeable ( move an item outside the slide and it will adjust the size )
  however this will break the printing version ( neglecting the WYSIWYG )

[vitalis-wiens]

• Deleting boxes with del button would be nice

• having multiple boxes creates makes it hard to navigate if they overlap (on hover the menu icon is shown, then you try to go there but it disappears because of there was an other box on the path)

• code box not scroll-able

• The buttons in the code snippet menu are drag-able (should not be)

• optional: syntax highlighting ( using the selected languages ) as a preview in the code snippet menu

• moving the code-snippet is somehow not intuitive (left top corner)

[vitalis-wiens]

• How to drag a table?
• How to fix length of the col
• Textbox: managed to do some interesting stuff :
  https://slidewiki.org/deck/130297-1/testing-and-debugging/slide/851781-3/851781-3:2/view
  the text of the box is outside the box (makeing the textbox as small as possible and then try to make it big again)

[vitalis-wiens]

• Paint functionality ( detecting the slider for linewidth was hard )
• the image position does not changes the size of the slide any more
• syntax highlighting works in editor mode but not in view mode

Add -> Other -> </> HTML editor // this some how implies there is html editor where the user adds some code and this is going to be displayed, like the code editor (confused me a bit)
Maybe move this point somewhere else , more prominent like (edit html representation)

[vitalis-wiens]

• syntax highlighting is not showing in preview nor print version
  example : https://slidewiki.org/deck/90781-3/03-rdf-serializations/slide/5358-39/90776-3:9;5358-39:2/view
• printing in firefox only shows/renders the first page rest is empty

[vitalis-wiens]

• with in a text (or bulletPoint ) where the font size is set you can not change the size of a subset of words in it, the size changes apply to the html tag

• Being unpatient:
  the short cut alt +n loads the next slide, but when doing it quickly, loading will fail
  // does not fail when the slide loading indicator is shown (or rendered)
  just quickly alt+n +n >> error

[vitalis-wiens]

• editor bug , formulas are not shown in edit mode,
  here is an example :
  https://slidewiki.org/deck/90759/_/slide/852268-4/90757-2:5;852268-4:3/edit

[vitalis-wiens]

• header of the slide is rendered over a table, or table is aligned at top of the page under the table,
  https://slidewiki.org/deck/90751/_/slide/7034-10/90749-2:4;90748-2:1;7034-10:4/view

removing display:flex seems to fix it (the div container that holds the header and the table )....

workaround, wrapped the content in a div with a display: inline-table style

[vitalis-wiens]

• print and slide preview do not support code syntax highlighting

[vitalis-wiens]

• print slides in landscape mode ( currently print versions are in portrait mode)