富文本编辑器TinyMCE&数学公式MathType - zhouted/zhouted.github.io GitHub Wiki
- 解压tinymce_5.2.2.zip，取js下的tinymce文件夹的内容
- 把zh_CN.js放到tinymce/langs/下
- 解压java-tiny_mce_wiris-7.17.0.1426.zip得到pluginwiris_engine.war，把war包部署到tomcat下运行（设端口8080），并用nginx代理一下：
location /pluginwiris_engine {
proxy_pass http://127.0.0.1:8080;
}测试链接测试链接
- 把上一步解压得到的tiny_mce_wiris文件夹放到/pathto/tinymce/plugins/下
<script type="text/javascript" src="/pathto/tinymce/tinymce.min.js"></script>
<div class="tinymce" id="tinymce" name="tinymce"></div>var options = {
selector: '#tinymce',
plugins: "advlist autolink autoresize autosave charmap code emoticons fullscreen hr image link lists media paste tabfocus table visualblocks visualchars wordcount tiny_mce_wiris",
toolbar: "undo redo | formatselect fontsizeselect | bullist numlist | bold italic underline | alignleft aligncenter alignright alignjustify | outdent indent | removeformat | link unlink | uploadimg image media | emoticons charmap tiny_mce_wiris_formulaEditor tiny_mce_wiris_formulaEditorChemistry | fullscreen",
inline: true,
images_upload_handler: function (blobInfo, succFun, failFun) {
//upload blobInfo(image data) to your server, when success then succFun.call(this, imgUrl), when fail failFun.call(this, errMsg);
},
};
tinymce.init(options).then(function(e){
//inited: do something you want.
});由于demo的editorUrl是指向 http://www.wiris.net/demo/editor/editor 的，把加载最慢的 editor.js 文件下下来保存到“apache-tomcat/webapps/pluginwiris_engine/editor/”下（该路径是tomcat自动从pluginwiris_engine.war解压出来的）。 打开/pathto/tinymce/plugins/tiny_mce_wiris/src/下的源代码，全局查找“editorUrl”定位到“script.src = `${editorUrl}...”行在其下面添加一行代码：
script.src = `/pluginwiris_engine/editor/editor.js`;重新编译得到新的/pathto/tinymce/plugins/tiny_mce_wiris/plugin.min.js即可。 之后再打开公式编辑即会从本站下载editor.js文件速度明显加快。
<script type="text/javascript" src="/pluginwiris_engine/app/WIRISplugins.js"></script>