Skip to content

Instantly share code, notes, and snippets.

@froemken
Created May 9, 2023 06:14
Show Gist options
  • Save froemken/e2c17a9214e179be41c3b97f9f7d44e5 to your computer and use it in GitHub Desktop.
Save froemken/e2c17a9214e179be41c3b97f9f7d44e5 to your computer and use it in GitHub Desktop.
Simple CKEditor YAML configuration for TYPO3 12
# Add Froemmi specified configuration
# For complete documentation see https://ckeditor.com/docs/ckeditor5/latest/api/module_core_editor_editorconfig-EditorConfig.html
editor:
#externalPlugins:
# typo3link: { route: 'rteckeditor_wizard_browse_links' }
config:
# the CSS file to be used inside the editor
contentsCss:
- "EXT:site_package/Resources/Public/Css/RTE.css"
language:
# will be overridden by the locale of the backend user
ui: 'en'
# will be overridden by the record (if a language is set)
content: 'en'
style:
definitions:
- { name: "Text: primary", element: "span", classes: [ "text-primary" ] }
- { name: "Text: success", element: "span", classes: [ "text-success" ] }
- { name: "Text: info", element: "span", classes: [ "text-info" ] }
- { name: "Text: warning", element: "span", classes: [ "text-warning" ] }
- { name: "Text: danger", element: "span", classes: [ "text-danger" ] }
- { name: "Background: primary", element: "p", classes: [ "bg-primary" ] }
- { name: "Background: success", element: "p", classes: [ "bg-success" ] }
- { name: "Background: info", element: "p", classes: [ "bg-info" ] }
- { name: "Background: warning", element: "p", classes: [ "bg-warning" ] }
- { name: "Background: danger", element: "p", classes: [ "bg-danger" ] }
- { name: "Button: default", element: "a", classes: [ "btn", "btn-default" ] }
- { name: "Button: primary", element: "a", classes: [ "btn", "btn-primary" ] }
- { name: "Table: striped", element: "table", classes: [ "table", "table-striped" ] }
- { name: "Table: bordered", element: "table", classes: [ "table", "table-bordered" ] }
- { name: "Table: striped/bordered", element: "table", classes: [ "table", "table-striped", "table-bordered" ] }
- { name: "Table Row: active", element: "tr", classes: [ "active" ] }
- { name: "Table Row: success", element: "tr", classes: [ "success" ] }
- { name: "Table Row: warning", element: "tr", classes: [ "warning" ] }
- { name: "Table Row: danger", element: "tr", classes: [ "danger" ] }
- { name: "Table Row: info", element: "tr", classes: [ "info" ] }
- { name: "Table Header: active", element: "th", classes: [ "active" ] }
- { name: "Table Header: success", element: "th", classes: [ "success" ] }
- { name: "Table Header: warning", element: "th", classes: [ "warning" ] }
- { name: "Table Header: danger", element: "th", classes: [ "danger" ] }
- { name: "Table Header: info", element: "th", classes: [ "info" ] }
- { name: "Table Field: active", element: "td", classes: [ "active" ] }
- { name: "Table Field: success", element: "td", classes: [ "success" ] }
- { name: "Table Field: warning", element: "td", classes: [ "warning" ] }
- { name: "Table Field: danger", element: "td", classes: [ "danger" ] }
- { name: "Table Field: info", element: "td", classes: [ "info" ] }
toolbar:
items:
- removeFormat
- undo
- redo
- '|'
- selectAll
- '|'
- link
- insertTable
- tableColumn
- tableRow
- mergeTableCells
- '|'
- sourceEditing
- horizontalLine
- '-'
- bold
- italic
- underline
- strikethrough
- subscript
- superscript
- '|'
- bulletedList
- numberedList
- blockQuote
- indent
- outdent
- alignment
- '|'
- specialCharacters
- '-'
- style
- heading
removeItems:
- undo
- redo
- findAndReplace
- selectAll
- subscript
- superscript
- strikethrough
- outdent
- indent
- alignment:justify
- textPartLanguage
- horizontalLine
- specialCharacters
- pageBreak
heading:
options:
- { model: "paragraph", title: "Paragraph" }
- { model: "heading1", title: "Heading 1", view: "h2" }
- { model: "heading2", title: "Heading 2", view: "h3" }
- { model: "heading3", title: "Heading 3", view: "h4" }
- { model: "formatted", title: "Formatted", view: "pre" }
alignment:
options:
- { name: "left", className: "align-left" }
- { name: "right", className: "align-right" }
- { name: "center", className: "align-center" }
- { name: "justify", className: "align-justify" }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment