@wiris/mathtype-tinymce7 8.13.1 → 8.13.3

package/README.md

@@ -7,7 +7,6 @@ Easily include quality math equations in your documents and digital content.
 ## Table of Contents
 
 - [Install instructions](#install-instructions)
-- [Known issues](#known-issues)
 - [Services](#services)
 - [Documentation](#documentation)
 - [Displaying on Target Page](#displaying-on-target-page)
@@ -21,7 +20,7 @@ Easily include quality math equations in your documents and digital content.
    npm install @wiris/mathtype-tinymce7
    ```
 
-   > MathType is fully compatible with TinyMCE 7 from version 7.6.0.
+   > MathType is fully compatible with TinyMCE 7 from version 7.8.0.
 
 2. Add the plugin as an external plugin:
 
@@ -39,14 +38,6 @@ Easily include quality math equations in your documents and digital content.
      // @see: https://github.com/wiris/html-integrations/issues/134#issuecomment-905448642
      draggable_modal: true,
 
-     // This option allows you to introduce mathml formulas with wiris plugins.
-     // 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',
      // mathTypeParameters: {
@@ -63,9 +54,20 @@ Easily include quality math equations in your documents and digital content.
         └───@wiris/mathtype-tinymce7
    ```
 
+   > Note: For Vite users, head to the known issues section for a workaround on the external plugin addition.
+
 ## Known issues
 
-- When loading the page with initial content, TinyMCE 7 removes the `<semantics>` tag. This tag is the one that identifies formulas as Handwriting. To bypass their sanitization and allow the `<semantics>` tag the initial content, add the following configuration to you TinyMCE instance: `xss_sanitization: false`. Checkout [more information here](https://github.com/tinymce/tinymce/issues/10114).
+- We have not been able to update the latests TinyMCE plugin version on our CDN, which forces users to get the `@wiris/mathtype-tinymce7` external plugin dependency from the node_modules. This can raise issues in applications using vite, for example. Here's a workaround:
+
+  ```js
+  import wirisPlugin from '@wiris/mathtype-tinymce7/plugin.min.js?url';
+
+   tinymce.init({ external_plugins: {
+      tiny_mce_wiris: wirisPlugin,
+   });
+  ```
+
 - The editor's caret is lost when inserting a new formula on Safari with ChemType [#486](https://github.com/wiris/html-integrations/issues/486)
 
 ## Services

package/editor_plugin.src.js

@@ -255,6 +255,34 @@ export const currentInstance = null;
         integrationModelProperties.integrationParameters = editor.options.get("mathTypeParameters");
       }
 
+      // This option allows us to introduce MathML formulas.
+      editor.options.register("extended_valid_elements", {
+        processor: "string",
+        default: "*[.*]",
+      });
+
+      // This option allows all elements and attributes.
+      editor.options.register("valid_elements", {
+        processor: "string",
+        default: "*[*]",
+      });
+
+      // Those options prevent the DOMPurify library from filtering Wiris MathML tags and attributes.
+      editor.options.register("allow_mathml_annotation_encodings", {
+        processor: "array",
+        default: ["application/json"],
+      });
+
+      editor.options.register("extended_mathml_elements", {
+        processor: "array",
+        default: ["semantics", "annotation", "mstack", "msline", "msrow", "none"],
+      });
+
+      editor.options.register("extended_mathml_attributes", {
+        processor: "array",
+        default: ["linebreak", "charalign", "stackalign"],
+      });
+
       integrationModelProperties.scriptName = "plugin.min.js";
       integrationModelProperties.environment = {};
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wiris/mathtype-tinymce7",
-  "version": "8.13.1",
+  "version": "8.13.3",
   "description": "MathType Web for TinyMCE7 editor",
   "keywords": [
     "chem",
@@ -32,7 +32,7 @@
     "prepack": "yarn && npm run build"
   },
   "dependencies": {
-    "@wiris/mathtype-html-integration-devkit": "1.17.8"
+    "@wiris/mathtype-html-integration-devkit": "1.17.10"
   },
   "devDependencies": {
     "@babel/core": "^7.24.4",