Johannes Editor

CSS Classes

• .focusable - Indicates whether an element can be focused.
• .focus - Used to highlight the primary focusable element when multiple focusable elements are present.
• .deletable - Indicates that pressing the delete or backspace key on an empty element allows for its deletion. Pressing backspace focuses on the previous focusable element, and pressing delete focuses on the next focusable element.
• .swittable - Indicates that an element can change its type.
• .draggable - Denotes that an element is draggable.
• .drag-handler - Used in conjunction with the draggable="true" attribute to facilitate drag-and-drop functionality, typically applied to a button within a block.
• .block - General class for block elements.
• .editable - Used to focus the cursor when navigating the document with directional keys.
• .key-trigger - Specifies elements that trigger actions on key presses.
• .johannes-editor - Designates the main container of the Johannes Editor.
• .johannes-content-element - Specifies content elements within the Johannes Editor.