Merge branch 'feature/ISTWCMS-5708-l26yan-Add-WProofreader-for-CKEditor' into '1.0.x'

ISTWCMS-5708 Add WProofreader to CKEditor See merge request !11

Merge branch 'feature/ISTWCMS-5708-l26yan-Add-WProofreader-for-CKEditor' into '1.0.x'
ISTWCMS-5708 Add WProofreader to CKEditor See merge request !11
fbfff313 · Martin Leblanc · 073fd4c6 · 85898fad · fbfff313
Commit fbfff313 authored Aug 05, 2022 by Martin Leblanc
--- a/templates/html.html.twig
+++ b/templates/html.html.twig
+{#
+/**
+ * @file
+ * Theme override for the basic structure of a single Drupal page.
+ *
+ * Variables:
+ * - logged_in: A flag indicating if user is logged in.
+ * - root_path: The root path of the current page (e.g., node, admin, user).
+ * - node_type: The content type for the current node, if the page is a node.
+ * - head_title: List of text elements that make up the head_title variable.
+ *   May contain one or more of the following:
+ *   - title: The title of the page.
+ *   - name: The name of the site.
+ *   - slogan: The slogan of the site.
+ * - page_top: Initial rendered markup. This should be printed before 'page'.
+ * - page: The rendered page markup.
+ * - page_bottom: Closing rendered markup. This variable should be printed after
+ *   'page'.
+ * - db_offline: A flag indicating if the database is offline.
+ * - placeholder_token: The token for generating head, css, js and js-bottom
+ *   placeholders.
+ *
+ * @see template_preprocess_html()
+ */
+#}
+{%
+  set body_classes = [
+    logged_in ? 'user-logged-in',
+    not root_path ? 'path-frontpage' : 'path-' ~ root_path|clean_class,
+    node_type ? 'page-node-type-' ~ node_type|clean_class,
+    db_offline ? 'db-offline',
+  ]
+%}
+<!DOCTYPE html>
+<html{{ html_attributes }}>
+  <head>
+    <head-placeholder token="{{ placeholder_token }}">
+    <title>{{ head_title|safe_join(' | ') }}</title>
+    <css-placeholder token="{{ placeholder_token }}">
+    <js-placeholder token="{{ placeholder_token }}">
+    <!-- WProofreader -->
+    <script>
+      window.WEBSPELLCHECKER_CONFIG = {
+        autoSearch:true,
+        lang:'auto',// enable language auto-detection option
+        theme:'gray',// adjust color theme of WProofreader to look more native to CKEditor 4
+        enableAutoSearchIn: ['.cke_wysiwyg_frame'],// limit WProofreader work only to CKEditor 4. They hide the original element and create an iframe element with cke_wysiwyg_frame class.
+        serviceId:'ul8aNM6zBZAhogj' // the activation key for the Cloud-based version
+      };
+    </script>
+
+    <script type="text/javascript" src="https://svc.webspellchecker.net/spellcheck31/wscbundle/wscbundle.js"></script>
+    <!-- End WProofreader -->
+  </head>
+  <body{{ attributes.addClass(body_classes) }}>
+    {#
+      Keyboard navigation/accessibility link to main content section in
+      page.html.twig.
+    #}
+    <a href="#main-content" class="visually-hidden focusable skip-link">
+      {{ 'Skip to main content'|t }}
+    </a>
+    {{ page_top }}
+    {{ page }}
+    {{ page_bottom }}
+    <js-bottom-placeholder token="{{ placeholder_token }}">
+  </body>
+</html>