TYPO3 v15 dev-main snapshot ()

Documentation/Configuration/_Examples/_AllowSpecificTag.yaml

@@ -0,0 +1,14 @@
+# Allow the <iframe> tag with all attributes, all classes and all styles,
+# as well as demonstrating class restrictions to the <i> tag
+editor:
+  config:
+    htmlSupport:
+      # if you want to allow that an inline tag like `<i>` can also be empty
+      allowEmpty: ['i']
+      allow:
+        - { name: 'iframe', attributes: true, classes: true, styles: true }
+        # multiple definitions for the same tag name are possible
+        - { name: 'i', classes: [ 'fa-brands', 'fa-typo3' ] }
+        # allows any repetitive class name, that starts with `fa-`
+        # (the regular expression has to be defined in `pattern`)
+        - { name: 'i', classes: { pattern: '^((fa-[^\h]+)(\h+|$))+' } }

Documentation/Configuration/_Examples/_CustomizeToolbar.yaml

@@ -0,0 +1,11 @@
+# Minimal configuration for the editor
+editor:
+  config:
+    toolbar:
+      items:
+        - bold
+        - italic
+        - '|'
+        - clipboard
+        - undo
+        - redo

Documentation/Configuration/_Examples/_FontPlugin.yaml

@@ -0,0 +1,36 @@
+editor:
+  config:
+    toolbar:
+      items:
+        # add button to select font family
+        - fontFamily
+        # add button to select font size
+        - fontSize
+        # add button to select font color
+        - fontColor
+        # add button to select font background color
+        - fontBackgroundColor
+
+    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
+
+    importModules:
+      - { 'module': '@ckeditor/ckeditor5-font', 'exports': [ 'Font' ] }

Documentation/Configuration/_Examples/_FullscreenPlugin.yaml

@@ -0,0 +1,14 @@
+editor:
+  config:
+    toolbar:
+      items:
+        # add button to enable fullscreen view
+        - fullscreen
+
+    fullscreen:
+      menuBar:
+        # Disable menu bar in fullscreen view
+        isVisible: false
+
+    importModules:
+      - { module: '@ckeditor/ckeditor5-fullscreen', exports: [ 'Fullscreen' ] }

Documentation/Configuration/_Examples/_GroupingToolbarItems.yaml

@@ -0,0 +1,8 @@
+# Minimal configuration for the editor
+editor:
+  config:
+    toolbar:
+      items:
+        - bold
+        - italic
+        - { label: 'Additional', icon: 'threeVerticalDots', items: [ 'specialCharacters', 'horizontalLine' ] }

Documentation/Configuration/_Examples/_MyPreset.yaml

@@ -0,0 +1,12 @@
+# Import basic configuration
+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 http://docs.ckeditor.com/#!/api/CKEDITOR.config
+editor:
+  config:
+    # Include custom CSS
+    contentsCss:
+      - "EXT:my_extension/Resources/Public/Css/rte.css"

Documentation/Configuration/_Examples/_timestamp-plugin.yaml

@@ -0,0 +1,14 @@
+editor:
+  config:
+    importModules:
+      - { module: '@my-vendor/my-package/timestamp-plugin.js', exports: [ 'Timestamp' ] }
+    toolbar:
+      items:
+        - bold
+        - italic
+        - '|'
+        - clipboard
+        - undo
+        - redo
+        - '|'
+        - timestamp

Documentation/Configuration/_Examples/_timestamp-plugin_JavaScriptModules.php

@@ -0,0 +1,8 @@
+<?php
+
+return [
+    'dependencies' => ['backend'],
+    'imports' => [
+        '@my-vendor/my-package/timestamp-plugin.js' => 'EXT:my_extension/Resources/Public/JavaScript/Ckeditor/timestamp-plugin.js',
+    ],
+];