inlineeditor.md 1.1 KB

  1. Click "Init editors".
  2. Expected:
    • Two inline editor should be created.
    • Elements used as editables should remain visible.
    • They should preserve .custom-class and custom-attr="foo".
    • There should be floating toolbars with "Bold", "Italic", "Undo", "Redo", "Link" and "Unlink" buttons.
  3. Scroll the webpage.
  4. Expected:
    • Focused editor's toolbar should float around but always stick to editable.
    • Focused editor's toolbar should stick to the bottom of the editable if there's not enough space above.
  5. Press Alt+F10 when focusing the editor.
  6. Expected:
    • Toolbar should gain focus. Editable should keep its styling.
  7. Click "Destroy editors".
  8. Expected:
    • Editors should be destroyed.
    • Element used as editables should remain visible.
    • They should preserve .custom-class and custom-attr="foo".
    • Elements should contain its data (updated).
    • .ck-body regions should be removed from <body>.

Notes:

  • You can play with:
    • window.editables[ N ].isReadOnly,
  • Changes to window.editors[ name ].focusTracker.isFocused should be logged to the console.
  • Features should work.