fix: Update TinyMCE 7 dependency (#1082)

* feat: Create staging cleanup repo (#1080)

* Staging cleanup action (#1081)

* try1: fix retrieve s3 branches

* try2: fix retrieve s3 branches

* try3: fix retrieve s3 branches

* try4: fix retrieve s3 branches

* try1: compare branches

* try2: compare branches

* try1:  Compare branches

* try2:  Compare branches

* try1: Delete remote s3 bracnhes

* try2: Delete remote s3 bracnhes

* try3: Delete remote s3 bracnhes

* try4: Delete remote s3 bracnhes

* try5: Delete remote s3 bracnhes

* feat: Create cleanup staging workflow

* feat: Create cleanup staging workflow

* feat: Run staging cleanup evey monday

* fix: Dismantle staging workflow (#1079)

* fix: Update TinyMCE 7 dependency

Author: carla-at-wiris

demos/html/tinymce7/package.json

@@ -13,7 +13,7 @@
   "dependencies": {
     "@wiris/mathtype-html-integration-devkit": "*",
     "@wiris/mathtype-tinymce7": "*",
-    "tinymce": "^7.0.0"
+    "tinymce": "^7.7.0"
   },
   "devDependencies": {
     "copy-webpack-plugin": "^12.0.2",

demos/html/tinymce7/src/app.js

@@ -16,16 +16,14 @@ document.getElementById("version_editor").innerHTML = "TinyMCE: ";
 tinymce.init({
   selector: "#editor",
   license_key: "gpl",
-  external_plugins: {
-    tiny_mce_wiris: `${window.location.href}dist/plugin.min.js`,
-  },
+  external_plugins: { tiny_mce_wiris: `${window.location.href}dist/plugin.min.js` },
 
   // This option allows us to introduce mathml formulas
   extended_valid_elements: "*[.*]",
   valid_elements: "*[*]",
-  // This option disables the DOMPurify library, which is used to sanitize the content.
+  // This option prevents the DOMPurify library from filtering wiris MathML tags.
   // It's necessary when you want to initialize the editor with a content that contains handwritten formulas.
-  xss_sanitization: false,
+  allow_mathml_annotation_encodings: ["wiris", "application/json"],
   // We recommend to set 'draggable_modal' to true to avoid overlapping issues
   // with the different UI modal dialog windows implementations between core and third-party plugins on TinyMCE.
   // @see: https://github.com/wiris/html-integrations/issues/134#issuecomment-905448642

packages/tinymce7/README.md

@@ -26,11 +26,7 @@ Easily include quality math equations in your documents and digital content.
 2. Add the plugin as an external plugin:
 
    ```js
-   tinymce.init({
-     external_plugins: {
-       tiny_mce_wiris: `node_modules/@wiris/mathtype-tinymce7/plugin.min.js`,
-     },
-   });
+   tinymce.init({ external_plugins: { tiny_mce_wiris: `node_modules/@wiris/mathtype-tinymce7/plugin.min.js` } });
    ```
 
 3. Add MathType buttons to the TinyMCE7 toolbar and the recommended settings:
@@ -47,6 +43,9 @@ Easily include quality math equations in your documents and digital content.
      // Not enabling this, will provide formulas from being created and rendered.
      extended_valid_elements: "*[.*]",
      valid_elements: "*[*]",
+     // This option prevents the DOMPurify library from filtering wiris MathML tags.
+     // It's necessary when you want to initialize the editor with a content that contains handwritten formulas.
+     allow_mathml_annotation_encodings: ["wiris", "application/json"],
 
      // You could set a different language for MathType editor:
      // language: 'fr_FR',