# ============================================================ # VITEC — Full CKEditor5 Preset # All available toolbar items, styles, fonts, and options # ============================================================ imports: - { resource: 'EXT:rte_ckeditor/Configuration/RTE/Processing.yaml' } - { resource: 'EXT:rte_ckeditor/Configuration/RTE/Editor/Base.yaml' } - { resource: 'EXT:rte_ckeditor/Configuration/RTE/Editor/Plugins.yaml' } editor: config: # Load frontend-like classes into RTE iframe for live style preview contentsCss: - 'EXT:rte_ckeditor/Resources/Public/Css/contents.css' - 'EXT:vitec/Resources/Public/Css/rte-content.css' # ---- Toolbar (all available items) ---------------------- toolbar: shouldNotGroupWhenFull: true items: # Undo / Redo / Cleanup - undo - redo - removeFormat - selectAll - '|' # Find & Replace / Source - findAndReplace - sourceEditing - showBlocks - fullscreen - '|' # Headings & Styles - heading - style - '-' # Basic formatting - bold - italic - underline - strikethrough - subscript - superscript - softhyphen - '|' # Font - fontFamily - fontSize - fontColor - fontBackgroundColor - highlight - highlight:greenMarker - '-' # Lists & Indent - bulletedList - numberedList - blockQuote - indent - outdent - alignment - horizontalLine - '|' # Links & Media - link - '|' # Tables - insertTable - tableColumn - tableRow - mergeTableCells - TableProperties - TableCellProperties - '-' # Special - specialCharacters - textPartLanguage # ---- Heading options ------------------------------------ heading: options: - { model: 'paragraph', title: 'Paragraph' } - { model: 'heading1', view: 'h1', title: 'Heading 1' } - { model: 'heading2', view: 'h2', title: 'Heading 2' } - { model: 'heading3', view: 'h3', title: 'Heading 3' } - { model: 'heading4', view: 'h4', title: 'Heading 4' } - { model: 'heading5', view: 'h5', title: 'Heading 5' } - { model: 'heading6', view: 'h6', title: 'Heading 6' } - { model: 'formatted', view: 'pre', title: 'Pre-Formatted Text' } # ---- Style definitions ---------------------------------- style: definitions: # Block level - { name: 'Lead / Intro', element: 'p', classes: ['lead'] } - { name: 'Quote / Citation', element: 'blockquote', classes: ['blockquote'] } - { name: 'Code block', element: 'code' } # Buttons (VITEC color system) - { name: 'Button: Orange', element: 'a', classes: ['btn', 'btn-vitec', 'btn-vitec--orange'] } - { name: 'Button: Blue', element: 'a', classes: ['btn', 'btn-vitec', 'btn-vitec--blue'] } - { name: 'Button: Graphite', element: 'a', classes: ['btn', 'btn-vitec', 'btn-vitec--graphite'] } - { name: 'Button: Midnight', element: 'a', classes: ['btn', 'btn-vitec', 'btn-vitec--midnight'] } - { name: 'Button: Light', element: 'a', classes: ['btn', 'btn-vitec', 'btn-vitec--light'] } - { name: 'Button: Outline Orange', element: 'a', classes: ['btn', 'btn-vitec', 'btn-vitec--outline-orange'] } - { name: 'Button: Outline Blue', element: 'a', classes: ['btn', 'btn-vitec', 'btn-vitec--outline-blue'] } # Inline - { name: 'Highlight yellow', element: 'mark', classes: ['highlight-yellow'] } - { name: 'Highlight green', element: 'mark', classes: ['highlight-green'] } - { name: 'Small text', element: 'small' } - { name: 'Keyboard input', element: 'kbd' } - { name: 'Delete / Strike', element: 'del' } - { name: 'Insert / Underline', element: 'ins' } # ---- Alignment ----------------------------------------- alignment: options: - { name: 'left', className: 'text-start' } - { name: 'center', className: 'text-center' } - { name: 'right', className: 'text-end' } - { name: 'justify', className: 'text-justify' } # ---- Table defaults ------------------------------------ table: defaultHeadings: { rows: 1 } contentToolbar: - tableColumn - tableRow - mergeTableCells - tableProperties - tableCellProperties - toggleTableCaption # ---- Font family ---------------------------------------- fontFamily: supportAllValues: false options: - 'default' - 'Arial, sans-serif' - 'Georgia, serif' - 'Courier New, monospace' # ---- Font size ------------------------------------------ fontSize: options: - 'default' - 12 - 14 - 16 - 18 - 20 - 24 - 28 - 32 - 36 - 48 # ---- Font color ----------------------------------------- fontColor: columns: 6 colors: - { label: 'VITEC Orange', color: '#F47937' } - { label: 'VITEC Blue', color: '#26358C' } - { label: 'VITEC Graphite', color: '#313131' } - { label: 'VITEC Midnight', color: '#0D0D0D' } - { label: 'VITEC Light', color: '#CCCCCC' } - { label: 'Black', color: '#000000' } - { label: 'White', color: '#FFFFFF' } # ---- Font background color ------------------------------ fontBackgroundColor: columns: 6 colors: - { label: 'VITEC Orange', color: '#F47937' } - { label: 'VITEC Orange Light', color: '#FBD2BF' } - { label: 'VITEC Blue', color: '#26358C' } - { label: 'VITEC Blue Light', color: '#C9D0EE' } - { label: 'VITEC Graphite', color: '#313131' } - { label: 'VITEC Midnight', color: '#0D0D0D' } - { label: 'VITEC Light', color: '#CCCCCC' } - { label: 'White', color: '#FFFFFF' } # ---- Highlight ----------------------------------------- highlight: options: - { model: 'yellowMarker', class: 'marker-yellow', title: 'Yellow marker', color: '#fdfd77', type: 'marker' } - { model: 'greenMarker', class: 'marker-green', title: 'Green marker', color: '#63f963', type: 'marker' } - { model: 'pinkMarker', class: 'marker-pink', title: 'Pink marker', color: '#fc7999', type: 'marker' } - { model: 'blueMarker', class: 'marker-blue', title: 'Blue marker', color: '#72cdfd', type: 'marker' } - { model: 'redPen', class: 'pen-red', title: 'Red pen', color: '#e91313', type: 'pen' } - { model: 'greenPen', class: 'pen-green', title: 'Green pen', color: '#118800', type: 'pen' } # ---- Special characters -------------------------------- specialCharacters: order: 'alphabet' # ---- Word count (optional — remove if not needed) ------- wordCount: displayWords: true displayCharacters: true