SPEC : UpEdit

[carbontracking]

• Basic WYSIWYG using html contenteditable
  • h1/h2/h3/h4/p/ul/ol/indent droite et gauche/
    • All icons are SVG (see Infotel example)
    • Toolbar is aligned left
  • L'espace d'édition a width : 80%
• paste an image from clipboard
• Implement SAVE and UpBrowser buttons below the edit area
  • UpBrowser button is only active once the content is saved
• Integrate a form above the textarea to define the Title / PublicPrivate / Commentaire fields for our MySQL database

Options

• Use the example from Infotel team, hmmmm
  • Article qui explique contenteditable et Document.execCommand()
    • https://code.tutsplus.com/tutorials/create-a-wysiwyg-editor-with-the-contenteditable-attribute--cms-25657
• CKeditor, en version 5 Classic
  • https://ckeditor.com/ckeditor-5-builds/download/
• Froala
  • https://www.froala.com/wysiwyg-editor/tour
  • Il parle d'accessiblité.... et permet de faire un Paste de word/Excel.....
• Quill.js
  • https://quilljs.com
• Draft.js
  • https://draftjs.org/