206 lines
7.8 KiB
YAML
206 lines
7.8 KiB
YAML
# ============================================================
|
|
# 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' }
|
|
# Inline text colours. Class names mirror the button styles
|
|
# (btn-vitec--blue -> text-vitec--blue) so both share one vocabulary.
|
|
- { name: 'Text: VITEC Blue', element: 'span', classes: ['text-vitec--blue'] }
|
|
- { name: 'Text: VITEC Orange', element: 'span', classes: ['text-vitec--orange'] }
|
|
- { name: 'Text: VITEC Midnight', element: 'span', classes: ['text-vitec--midnight'] }
|
|
- { name: 'Text: VITEC White', element: 'span', classes: ['text-vitec--white'] }
|
|
|
|
# ---- 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
|