froala · sapthab · Feb 3, 2020 · Feb 3, 2020 · Feb 3, 2020 · Feb 3, 2020
diff --git a/FroalaEditorA.js b/FroalaEditorA.js
diff --git a/FroalaEditorA.src.js b/FroalaEditorA.src.js
diff --git a/FroalaEditorButton.js b/FroalaEditorButton.js
diff --git a/FroalaEditorButton.src.js b/FroalaEditorButton.src.js
diff --git a/FroalaEditorImg.js b/FroalaEditorImg.js
diff --git a/FroalaEditorImg.src.js b/FroalaEditorImg.src.js
diff --git a/FroalaEditorInput.js b/FroalaEditorInput.js
diff --git a/FroalaEditorInput.src.js b/FroalaEditorInput.src.js
diff --git a/FroalaEditorView.js b/FroalaEditorView.js
diff --git a/FroalaEditorView.src.js b/FroalaEditorView.src.js
diff --git a/demo/src/full_editor.jsx b/demo/src/full_editor.jsx
@@ -28,12 +28,36 @@ class EditorComponent extends React.Component {
  }
 
  render () {
+ var toolbar = ['undo', 'redo' , 'bold', '|', 'wirisEditor', 'wirisChemistry', '|', 'insertImage','html'];
+ let froalaConfiguration = {
+ // Add the custom buttons in the toolbarButtons list, after the separator.
+ iframe: true,
+ charCounterCount: false,
+ // Enable all the default plugins less linebreaker plugin and adding wiris plugin.
+ pluginsEnabled: ["wiris", "align", "charCounter", "codeBeautifier", "codeView", "colors", "draggable", "embedly", "emoticons", "entities", "file", "fontAwesome", "fontFamily", "fontSize", "fullscreen", "image", "imageTUI", "imageManager", "inlineStyle", "inlineClass", "lineHeight", "link", "lists", "paragraphFormat", "paragraphStyle", "quickInsert", "quote", "save", "table", "url", "video", "wordPaste"],
+ imageEditButtons: ['wirisEditor', 'wirisChemistry', 'imageRemove'],
+ toolbarButtons: toolbar,
+ toolbarButtonsMD: toolbar,
+ toolbarButtonsSM: toolbar,
+ toolbarButtonsXS: toolbar,
+ htmlAllowedTags: ['.*'],
+ htmlAllowedAttrs: ['.*'],
+ htmlAllowedEmptyTags: ['mprescripts'],
+ imageResize : false,
+ key: 'CA5D-16E3A2E3G1I4A8B8A9B1D2rxycF-7b1C3vyz==',
+ heightMax: 310,
+ useClasses: false
+ };
+
+
  return(
  <div className="sample">
  <h2>Full Featured</h2>
  <FroalaEditor
  model={this.state.content}
  onModelChange={this.handleModelChange}
+ config={froalaConfiguration}
+
  />
  <h4>Rendered Content:</h4>
  <FroalaEditorView
@@ -45,5 +69,4 @@ class EditorComponent extends React.Component {
 
 }
 
-ReactDOM.render(<EditorComponent/>, document.getElementById('editor'));
-
+ReactDOM.render(<EditorComponent/>, document.getElementById('editor'));
diff --git a/dist/FroalaEditorA.js b/dist/FroalaEditorA.js
diff --git a/dist/FroalaEditorA.src.js b/dist/FroalaEditorA.src.js
diff --git a/dist/FroalaEditorButton.js b/dist/FroalaEditorButton.js
diff --git a/dist/FroalaEditorButton.src.js b/dist/FroalaEditorButton.src.js
diff --git a/dist/FroalaEditorImg.js b/dist/FroalaEditorImg.js
diff --git a/dist/FroalaEditorImg.src.js b/dist/FroalaEditorImg.src.js
diff --git a/dist/FroalaEditorInput.js b/dist/FroalaEditorInput.js
diff --git a/dist/FroalaEditorInput.src.js b/dist/FroalaEditorInput.src.js
diff --git a/dist/FroalaEditorView.js b/dist/FroalaEditorView.js
diff --git a/dist/FroalaEditorView.src.js b/dist/FroalaEditorView.src.js
diff --git a/dist/index.js b/dist/index.js
diff --git a/dist/index.src.js b/dist/index.src.js
diff --git a/index.js b/index.js
diff --git a/index.src.js b/index.src.js
diff --git a/lib/FroalaEditorFunctionality.jsx b/lib/FroalaEditorFunctionality.jsx
@@ -1,5 +1,6 @@
 import FroalaEditor from 'froala-editor';
 import React from 'react';
+import $ from "jquery";
 
 let lastId = 0;
 export default class FroalaEditorFunctionality extends React.Component {
@@ -40,6 +41,12 @@ export default class FroalaEditorFunctionality extends React.Component {
  // After first time render.
  componentDidMount() {
  let tagName = this.el.tagName.toLowerCase();
+
+ if (this.props.config && this.props.config.pluginsEnabled && this.props.config.pluginsEnabled.indexOf('wiris') != -1) {
+ $.FroalaEditor = FroalaEditor;
+ require('../node_modules/@wiris/mathtype-froala/wiris.js');
+ }
+
  if (this.SPECIAL_TAGS.indexOf(tagName) != -1) {
  this.tag = tagName;
  this.hasSpecialTag = true;

diff --git a/package.json b/package.json
@@ -21,8 +21,10 @@
  "react-dom": "~0.14 || ^15.0.0 || ^16.0.0"
  },
  "dependencies": {
+ "@wiris/mathtype-froala": "^7.17.0",
  "create-react-class": "^15.5.2",
- "froala-editor": "3.1.0"
+ "froala-editor": "3.1.0",
+ "jquery": "^3.4.1"
  },
  "devDependencies": {
  "autoprefixer": "^8.3.0",

diff --git a/webpack.config.js b/webpack.config.js
@@ -1,4 +1,5 @@
 var path = require('path');
+var webpack = require("webpack");
 
 /**
  * If -p flag is set, minify the files
@@ -60,6 +61,12 @@ module.exports = {
  }
  ]
  },
+ plugins: [
+ new webpack.ProvidePlugin({
+ $: "jquery",
+ jQuery: "jquery"
+ })
+ ],
  externals: externals,
  resolve: {
  modules: ['./node_modules']
@@ -69,4 +76,4 @@ module.exports = {
  libraryTarget: 'umd',
  library: '[name]'
  }
-};
+};