168 lines
4.8 KiB
YAML
168 lines
4.8 KiB
YAML
####
|
|
# Example of what CKEditor can all bring
|
|
###
|
|
|
|
# Load default processing 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' }
|
|
|
|
# Add configuration for the editor
|
|
# For complete documentation see https://ckeditor.com/docs/ckeditor5/latest/features/index.html
|
|
editor:
|
|
config:
|
|
style:
|
|
definitions:
|
|
# block level styles
|
|
- { name: 'Orange title H2', element: 'h2', classes: ['orange'] }
|
|
- { name: 'Orange title H3', element: 'h3', classes: ['orange'] }
|
|
- { name: 'Quote / Citation', element: 'blockquote' }
|
|
- { name: 'Code block', element: 'code' }
|
|
# Inline styles
|
|
- { name: 'Yellow marker', element: 'span', classes: ['yellow-marker'] }
|
|
|
|
heading:
|
|
options:
|
|
- { model: 'paragraph', title: 'Paragraph' }
|
|
- { model: 'heading2', view: 'h2', title: 'Heading 2' }
|
|
- { model: 'heading3', view: 'h3', title: 'Heading 3' }
|
|
- { model: 'formatted', view: 'pre', title: 'Pre-Formatted Text' }
|
|
|
|
toolbar:
|
|
items:
|
|
- removeFormat
|
|
- undo
|
|
- redo
|
|
# grouping separator
|
|
- '|'
|
|
- findAndReplace
|
|
- link
|
|
- '|'
|
|
- insertTable
|
|
- tableColumn
|
|
- tableRow
|
|
- mergeTableCells
|
|
- TableProperties
|
|
- TableCellProperties
|
|
- '|'
|
|
- selectAll
|
|
- '|'
|
|
- sourceEditing
|
|
- showBlocks
|
|
- horizontalLine
|
|
# line break
|
|
- '-'
|
|
- bold
|
|
- italic
|
|
- underline
|
|
- strikethrough
|
|
- subscript
|
|
- superscript
|
|
- softhyphen
|
|
- '|'
|
|
- bulletedList
|
|
- numberedList
|
|
- blockQuote
|
|
- indent
|
|
- outdent
|
|
- alignment
|
|
- '|'
|
|
- specialCharacters
|
|
- '-'
|
|
- style
|
|
- heading
|
|
- fontFamily
|
|
- fontBackgroundColor
|
|
- fontColor
|
|
- fontSize
|
|
- textPartLanguage
|
|
- highlight
|
|
- highlight:greenMarker
|
|
- '|'
|
|
- fullscreen
|
|
|
|
alignment:
|
|
options:
|
|
- { name: 'left', className: 'text-start' }
|
|
- { name: 'center', className: 'text-center' }
|
|
- { name: 'right', className: 'text-end' }
|
|
- { name: 'justify', className: 'text-justify' }
|
|
|
|
table:
|
|
defaultHeadings: { rows: 1 }
|
|
contentToolbar:
|
|
- tableColumn
|
|
- tableRow
|
|
- mergeTableCells
|
|
- tableProperties
|
|
- tableCellProperties
|
|
- toggleTableCaption
|
|
|
|
fontColor:
|
|
colors:
|
|
- { label: 'Orange', color: '#ff8700' }
|
|
- { label: 'Blue', color: '#0080c9' }
|
|
- { label: 'Green', color: '#209d44' }
|
|
|
|
fontBackgroundColor:
|
|
colors:
|
|
- { label: 'Stage orange light', color: '#fab85c' }
|
|
|
|
fontFamily:
|
|
options:
|
|
- 'default'
|
|
- 'Arial, sans-serif'
|
|
|
|
fontSize:
|
|
options:
|
|
- 'default'
|
|
- 18
|
|
- 21
|
|
|
|
list:
|
|
properties:
|
|
styles: true
|
|
startIndex: true
|
|
reversed: true
|
|
|
|
indentBlock:
|
|
classes:
|
|
- 'ps-2'
|
|
- 'ps-3'
|
|
- 'ps-4'
|
|
|
|
language:
|
|
textPartLanguage: [
|
|
{ title: 'English', languageCode: 'en' },
|
|
{ title: 'French', languageCode: 'fr' },
|
|
{ title: 'German', languageCode: 'de' }
|
|
]
|
|
|
|
highlight:
|
|
options:
|
|
- { model: 'yellowMarker', class: 'marker-yellow', title: 'Yellow marker', type: 'marker', color: 'var(--ck-content--highlight-marker-yellow)' }
|
|
- { model: 'greenMarker', class: 'marker-green', title: 'Green marker', type: 'marker', color: 'var(--ck-content-highlight-marker-green)' }
|
|
- { model: 'redPen', class: 'pen-red', title: 'Red pen', type: 'pen', color: 'var(--ck-content-highlight-pen-red)' }
|
|
|
|
mention:
|
|
feeds:
|
|
-
|
|
marker: '@'
|
|
feed:
|
|
- '@TYPO3'
|
|
minimumCharacters: 1
|
|
|
|
importModules:
|
|
- { module: '@ckeditor/ckeditor5-word-count', exports: ['WordCount'] }
|
|
# Provides fontFamily, fontSize, fontColor, and fontBackgroundColor toolbar items
|
|
- { module: '@ckeditor/ckeditor5-font', exports: ['Font'] }
|
|
# Provides showBlocks toolbar item
|
|
- { module: '@ckeditor/ckeditor5-show-blocks', exports: ['ShowBlocks'] }
|
|
# Provides textPartLanguage toolbar item
|
|
- { module: '@ckeditor/ckeditor5-language', exports: ['TextPartLanguage'] }
|
|
- { module: '@ckeditor/ckeditor5-mention', exports: ['Mention'] }
|
|
- { module: '@ckeditor/ckeditor5-highlight', exports: ['Highlight'] }
|
|
- { module: '@ckeditor/ckeditor5-list', exports: ['ListProperties'] }
|
|
- { module: '@ckeditor/ckeditor5-fullscreen', exports: [ 'Fullscreen' ] }
|