富⽂本kindeditor整合公式编辑器jmeditor,及附上整合包两个包:kindeditor和jmeditor
**
⼀、解压压缩包:
**
1、解压公式编辑器如下⽬录
2、解压富⽂本⽬录如下:
⼆、转移⽂件到富⽂本⽬录下
1、复制JMEditor-0.9.4\jmeditor\ckeditor\plugins\jme⽂件夹 到 kindeditor/plugins/,如下图:
2、然后再复制JMEditor-0.9.4\jmeditor\mathquill-0.9.1⽂件夹到 kindeditor-4.1.12/plugins/ jme/,如下图
3、复制kindeditor-4.1.12/plugins/jme/icons/jme.png 公式图标logo 到kindeditor/themes/default/ ⽂件夹下,如图
**
三|修改富⽂本代码:
**
1、修改kindeditor/kindeditor-all.js。添加jme,如下:
2、修改 kindeditor/plugins/jme/plugin.js,并重命名为jme.js 代码如下:
KindEditor.plugin('jme', function(e){
var self = this, name = 'jme';
self.clickToolbar(name, function() {
var dialog = ateDialog({
title : '公式',
width : 400,
height : 400,
body : '<div >' +
'<iframe id="math_frame" frameborder="no" src="'
+ KindEditor.basePath + 'plugins/jme/dialogs/mathdialog.html"></iframe></div>',
yesBtn : {
name : '确定',
asp富文本编辑器click : function(e) {
var thedoc = document.frames ? document.frames('math_frame').document : getIFrameDOM("math_frame");
var mathHTML = '<span class="mathquill-rendered-math" >' + $("#jme-math",thedoc).html() + '</span><span> </span>';
self.insertHtml(mathHTML).hideDialog().focus();
return;
}
}
});
});
});
function getIFrameDOM(fid){
var fm = getIFrame(fid);
return fm.document||fm.contentDocument;
}
function getIFrame(fid){
ElementById(fid)||document.frames[fid];
}
截图如下:
(注意:这⾥的 src="’+ KindEditor.basePath + 'plugins/jme/dialogs/mathdialog.html" )要修改成对应的公式窗⼝跳转HTML路径
3、修改 kindeditor 下⾯的 plugins/jme/dialog/dialog.js,(注:请使⽤本地的jquery,避免延迟加载),代码如下(注意修改js和css 的路径,修改成⾃⼰富⽂本对应的路径):
var KindEditor = parent.KindEditor || {};
document.write(
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论