Issue #361 - Replace ckeditor with ckeditor5

drupalhu · Apr 22, 2022 · dde157b · dde157b
1 parent 7bab6a9
commit dde157b
Show file tree

Hide file tree

Showing 9 changed files with 227 additions and 143 deletions.
diff --git a/sites/default/config/prod/core.extension.yml b/sites/default/config/prod/core.extension.yml
@@ -15,7 +15,7 @@ module:
   block_content: 0
   book: 0
   breakpoint: 0
-  ckeditor: 0
+  ckeditor5: 0
   comment: 0
   config: 0
   contact: 0

diff --git a/sites/default/config/prod/editor.editor.html_body.yml b/sites/default/config/prod/editor.editor.html_body.yml
@@ -5,71 +5,83 @@ dependencies:
   config:
     - filter.format.html_body
   module:
-    - ckeditor
+    - ckeditor5
 format: html_body
-editor: ckeditor
+editor: ckeditor5
 settings:
   toolbar:
-    rows:
-      -
-        -
-          name: Formázás
-          items:
-            - Bold
-            - Italic
-            - Underline
-            - Strike
-            - '-'
-            - Superscript
-            - Subscript
-            - '-'
-            - RemoveFormat
-        -
-          name: Hivatkozások
-          items:
-            - DrupalLink
-            - DrupalUnlink
-        -
-          name: Listák
-          items:
-            - BulletedList
-            - NumberedList
-            - '-'
-            - Indent
-            - Outdent
-        -
-          name: Média
-          items:
-            - SpecialChar
-            - HorizontalRule
-            - Blockquote
-            - DrupalMediaLibrary
-        -
-          name: Eszközök
-          items:
-            - '-'
-            - Source
-            - ShowBlocks
-            - Maximize
-        -
-          name: Igazítás
-          items:
-            - JustifyLeft
-            - JustifyCenter
-            - JustifyRight
-            - '-'
-            - JustifyBlock
-        -
-          name: Formázás
-          items:
-            - Format
-            - '-'
-            - Styles
+    items:
+      - undo
+      - redo
+      - '|'
+      - bold
+      - italic
+      - underline
+      - strikethrough
+      - '|'
+      - link
+      - code
+      - subscript
+      - superscript
+      - specialCharacters
+      - '|'
+      - removeFormat
+      - '|'
+      - heading
+      - horizontalLine
+      - '|'
+      - bulletedList
+      - numberedList
+      - indent
+      - outdent
+      - '|'
+      - codeBlock
+      - blockQuote
+      - drupalMedia
+      - '|'
+      - 'alignment:left'
+      - 'alignment:center'
+      - 'alignment:right'
+      - 'alignment:justify'
+      - '|'
+      - sourceEditing
   plugins:
-    language:
-      language_list: un
-    stylescombo:
-      styles: ''
+    ckeditor5_heading:
+      enabled_headings:
+        - heading2
+        - heading3
+        - heading4
+        - heading5
+        - heading6
+    ckeditor5_sourceEditing:
+      allowed_tags:
+        - '<abbr>'
+        - '<acronym>'
+        - '<cite>'
+        - '<del>'
+        - '<dd>'
+        - '<dl>'
+        - '<dt>'
+        - '<ins>'
+        - '<kbd>'
+        - '<mark>'
+        - '<q>'
+        - '<samp>'
+        - '<small>'
+        - '<wbr>'
+        - '<a hreflang>'
+        - '<blockquote cite>'
+        - '<h2 id>'
+        - '<h3 id>'
+        - '<h4 id>'
+        - '<h5 id>'
+        - '<h6 id>'
+        - '<meter value min max>'
+        - '<time datetime>'
+        - '<ul type>'
+        - '<ol start type>'
+        - '<img src title alt data-entity-type data-entity-uuid>'
+        - '<drupal-media data-view-mode data-align data-caption title>'
 image_upload:
   status: false
   scheme: public

diff --git a/sites/default/config/prod/editor.editor.html_full.yml b/sites/default/config/prod/editor.editor.html_full.yml
@@ -5,47 +5,87 @@ dependencies:
   config:
     - filter.format.html_full
   module:
-    - ckeditor
+    - ckeditor5
 format: html_full
-editor: ckeditor
+editor: ckeditor5
 settings:
   toolbar:
-    rows:
-      -
-        -
-          name: Formázás
-          items:
-            - Bold
-            - Italic
-        -
-          name: Hivatkozások
-          items:
-            - DrupalLink
-            - DrupalUnlink
-        -
-          name: Listák
-          items:
-            - BulletedList
-            - NumberedList
-        -
-          name: Média
-          items:
-            - Blockquote
-            - DrupalImage
-        -
-          name: Eszközök
-          items:
-            - Source
+    items:
+      - undo
+      - redo
+      - '|'
+      - bold
+      - italic
+      - underline
+      - strikethrough
+      - '|'
+      - link
+      - code
+      - subscript
+      - superscript
+      - specialCharacters
+      - '|'
+      - removeFormat
+      - '|'
+      - heading
+      - horizontalLine
+      - '|'
+      - bulletedList
+      - numberedList
+      - indent
+      - outdent
+      - '|'
+      - codeBlock
+      - blockQuote
+      - drupalMedia
+      - '|'
+      - 'alignment:left'
+      - 'alignment:center'
+      - 'alignment:right'
+      - 'alignment:justify'
+      - '|'
+      - sourceEditing
   plugins:
-    language:
-      language_list: un
-    stylescombo:
-      styles: ''
+    ckeditor5_heading:
+      enabled_headings:
+        - heading2
+        - heading3
+        - heading4
+        - heading5
+        - heading6
+    ckeditor5_sourceEditing:
+      allowed_tags:
+        - '<abbr>'
+        - '<acronym>'
+        - '<cite>'
+        - '<del>'
+        - '<dd>'
+        - '<dl>'
+        - '<dt>'
+        - '<ins>'
+        - '<kbd>'
+        - '<mark>'
+        - '<q>'
+        - '<samp>'
+        - '<small>'
+        - '<wbr>'
+        - '<a hreflang>'
+        - '<blockquote cite>'
+        - '<h2 id>'
+        - '<h3 id>'
+        - '<h4 id>'
+        - '<h5 id>'
+        - '<h6 id>'
+        - '<img src title alt data-entity-type data-entity-uuid>'
+        - '<meter value min max>'
+        - '<time datetime>'
+        - '<ul type>'
+        - '<ol start type>'
 image_upload:
   status: false
   scheme: public
   directory: inline-images
   max_size: ''
   max_dimensions:
-    width: null
-    height: null
+    width: 0
+    height: 0
diff --git a/sites/default/config/prod/editor.editor.html_teaser.yml b/sites/default/config/prod/editor.editor.html_teaser.yml
@@ -5,50 +5,44 @@ dependencies:
   config:
     - filter.format.html_teaser
   module:
-    - ckeditor
+    - ckeditor5
 format: html_teaser
-editor: ckeditor
+editor: ckeditor5
 settings:
   toolbar:
-    rows:
-      -
-        -
-          name: Block
-          items:
-            - Format
-        -
-          name: Listák
-          items:
-            - BulletedList
-            - NumberedList
-            - '-'
-            - Indent
-            - Outdent
-        -
-          name: Formázás
-          items:
-            - Bold
-            - Italic
-            - '-'
-            - Superscript
-            - Subscript
-            - '-'
-            - SpecialChar
-        -
-          name: Hivatkozások
-          items:
-            - DrupalLink
-            - DrupalUnlink
-        -
-          name: Eszközök
-          items:
-            - Source
-            - ShowBlocks
+    items:
+      - undo
+      - redo
+      - '|'
+      - bold
+      - italic
+      - underline
+      - strikethrough
+      - '|'
+      - link
+      - code
+      - superscript
+      - subscript
+      - specialCharacters
+      - '|'
+      - sourceEditing
   plugins:
-    language:
-      language_list: un
-    stylescombo:
-      styles: ''
+    ckeditor5_sourceEditing:
+      allowed_tags:
+        - '<abbr>'
+        - '<acronym>'
+        - '<cite>'
+        - '<del>'
+        - '<ins>'
+        - '<kbd>'
+        - '<mark>'
+        - '<q>'
+        - '<samp>'
+        - '<small>'
+        - '<wbr>'
+        - '<a hreflang href>'
+        - '<meter value min max>'
+        - '<time datetime>'
 image_upload:
   status: false
   scheme: public

diff --git a/sites/default/config/prod/filter.format.html_body.yml b/sites/default/config/prod/filter.format.html_body.yml
@@ -4,6 +4,7 @@ status: true
 dependencies:
   config:
     - core.entity_view_mode.media.full
+    - core.entity_view_mode.media.hero
   module:
     - editor
     - media
@@ -41,7 +42,7 @@ filters:
     status: true
     weight: -49
     settings:
-      allowed_html: '<a href hreflang> <abbr> <acronym> <blockquote cite> <br> <cite> <code> <del> <dd> <dl> <dt> <em> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id> <ins> <kbd> <li> <mark> <meter value min max> <p> <pre> <q> <s> <samp> <small> <strong> <sub> <sup> <time datetime> <ul type> <ol start type> <wbr> <img src title alt data-entity-type data-entity-uuid> <u> <hr> <drupal-media data-entity-type data-entity-uuid data-view-mode data-align data-caption alt title>'
+      allowed_html: '<abbr> <acronym> <cite> <del> <dd> <dl> <dt> <ins> <kbd> <mark> <q> <samp> <small> <wbr> <a hreflang href> <blockquote cite> <h2 id class="text-align-left text-align-center text-align-right text-align-justify"> <h3 id class="text-align-left text-align-center text-align-right text-align-justify"> <h4 id class="text-align-left text-align-center text-align-right text-align-justify"> <h5 id class="text-align-left text-align-center text-align-right text-align-justify"> <h6 id class="text-align-left text-align-center text-align-right text-align-justify"> <meter value min max> <time datetime> <ul type> <ol start type> <img src title alt data-entity-type data-entity-uuid> <drupal-media data-view-mode data-align data-caption title data-entity-type data-entity-uuid alt> <br> <p class="text-align-left text-align-center text-align-right text-align-justify"> <strong> <em> <u> <code class="language-*"> <pre class="text-align-left text-align-center text-align-right text-align-justify"> <s> <sub> <sup> <li class="text-align-left text-align-center text-align-right text-align-justify"> <hr>'
       filter_html_help: true
       filter_html_nofollow: true
   filter_htmlcorrector:
@@ -78,5 +79,5 @@ filters:
       default_view_mode: full
       allowed_view_modes:
         full: full
-      allowed_media_types:
-        image: image
+        hero: hero
+      allowed_media_types: {  }