Skip to content

New WYSIWYG UI Module

Past due by about 8 years 0% complete

Design

The style of the UI must conform to that of Directus Core. Intuitive, minimal, and following the same CSS styles/colors/states. Buttons should be flat and free of gradients. Iconography should not have color.

Options

All buttons and settings within the UI should be adjustable through the UI's options so that the interface can be customized as much …

Design

The style of the UI must conform to that of Directus Core. Intuitive, minimal, and following the same CSS styles/colors/states. Buttons should be flat and free of gradients. Iconography should not have color.

Options

All buttons and settings within the UI should be adjustable through the UI's options so that the interface can be customized as much as possible. Core options such as readonly and required should also work as expected.

Minimum Formatting Buttons

These can contextually appear beside the cursor only when applicable (eg: Tumblr), or be constant.

Bold
Italic
Underline
Create Link (new or from selected text)
Blockquote
Headlines (H1, H2, H3)
Optional Formatting Buttons

Toggle HTML
Strikethrough
Ordered List
Unordered List
Markdown mode
Horizontal Rule
Text Justification and Alignment
Images & Embeds

Choose from Directus Files
Insert Image
Drag and Drop Upload/Placement
Add Video Embed
Other Potential Options

Input height (in pixels or rows)
Full-screen Mode
Proper Undo/Redo
Use p or br for line breaks
Image alignment/sizing options
Table Support
Emoji support 🔥

Loading