精华内容
下载资源
问答
  • JMEditor 0.9.rar

    2019-05-23 19:40:24
    JMEditor(JavaScript Math Editor)是基于CKEditor、jQuery、mathquill等组件开发的,轻量级、开放源代码、所见即所得、无任何插件的在线公式编辑器。CKEditor与jQuery应用的十分广泛,不再过多介绍。需要指出的是...
  • JMEditor(JavaScript Math Editor)是基于CKEditor、jQuery、mathquill等组件开发的,轻量级、开放源代码、所见即所得、无任何插件的在线公式编辑器。CKEditor与jQuery应用的十分广泛,不再过多介绍。需要指出的是...
  • JMEditor(JavaScript Math Editor)是基于CKEditor、jQuery、mathquill等组件开发的,轻量级、开放源代码、所见即所得、无任何插件的在线公式编辑器。CKEditor与jQuery应用的十分广泛,不再过多介绍。需要指出的是...
  • JMEditor V0.9.1补丁版

    2013-01-23 22:05:19
    JMEditor V0.9.1版本补丁修复内容: 在FireFox 17.0.1及18.0.1版本中,不能显示常用公式。 JMEditor(JavaScript Math Editor,http://www.jmeditor.com)是基于CKEditor、jQuery、mathquill等组件开发的,轻量级...
  • JMEditor(JavaScript Math Editor)是基于CKEditor、jQuery、mathquill等组件开发的,轻量级、开放源代码、所见即所得、无任何插件的在线公式编辑器。CKEditor与jQuery应用的十分广泛,不再过多介绍。需要指出的是...
  • JMEditor V0.9.2 补丁版

    2013-01-26 19:20:18
    JMEditor V0.9.2补丁版修复内容: 增加新版本提示。 JMEditor(JavaScript Math Editor)是基于CKEditor、jQuery、MathQuill等组件开发的,轻量级、开放源代码、所见即所得、无任何插件的在线公式编辑器。CKEditor...
  • JMEditor(JavaScript Math Editor)是基于CKEditor、jQuery、mathquill等组件开发的,轻量级、开放源代码、所见即所得、无任何插件的在线公式编辑器。CKEditor与jQuery应用的十分广泛,不再过多介绍。需要指出的是...
  • kindeditor集成jmeditor公式web编辑器 已经集成好了直接配置好调用就行 版本为KindEditor 4.1.10 JMEditor-0.9.4
  • kindeditor+jmeditor

    千次阅读 2014-12-26 13:22:32
    最近在搞一套在线的考试系统,一直为即...于是乎试着把 kindeditor和jmeditor集成一下,多了不说了直接上图 kindeditor版本: 4.1.7 http://kindeditor.net/ jmeditor版本 0.94 http://www.jmeditor.com/

    最近在搞一套在线的考试系统,一直为即支持公式编辑又得支持各种附件上传、图片上传、视频音频上传、文字编辑 的web编辑器而犯愁。于是乎试着把 kindeditor和jmeditor集成一下,多了不说了直接上图

    kindeditor版本: 4.1.7 http://kindeditor.net/

    jmeditor版本 0.94 http://www.jmeditor.com/

    1、复制 JMEditor-0.9.4\jmeditor\ckeditor\plugins\jme文件夹 到 kindeditor-4.1.7/plugins/, 然后在复制JMEditor-0.9.4\jmeditor\mathquill-0.9.1文件夹到  kindeditor-4.1.7/plugins/ jme/。

    2、修改kindeditor-4.1.7/kindeditor.js。添加jme

    复制代码
    items : [
            'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',
            'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
            'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
            'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
            'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
            'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage',
            'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'pagebreak',
            'anchor', 'link', 'unlink', '|', 'jme'
        ],
    复制代码

     

    3、修改 kindeditor-4.1.7/plugins/jme/plugin.js,并重命名为jme.js  代码如下:

    复制代码
    KindEditor.plugin('jme', function(e){
        var editor = this, name = 'jme', lang = editor.lang(name + '.');
        editor.clickToolbar(name, function() {
            var dialog = editor.createDialog({
                name : name,
                width : 500,
                height : 300,
                title : editor.lang(name),
                body : '<div style="width:500px;height:300px;">' +
                    '<iframe id="math_frame" style="width:500px;height:300px;" frameborder="no" src="admin/testQuestions/mathdialog.html"></iframe></div>',
                     
                closeBtn : {
                    name : '关闭',
                    click : function(e) {
                            dialog.remove();
                    }
                },
                yesBtn : {
                    name : '确定',
                    click : function(e) {
                        var thedoc = document.frames ? document.frames('math_frame').document : getIFrameDOM("math_frame");
                        var mathHTML = '<span class="mathquill-rendered-math" style="font-size:'
                            + '20px' + ';" >' + $("#jme-math",thedoc).html() + '</span><span>&nbsp;</span>';
                         
                        editor.insertHtml(mathHTML).hideDialog().focus();
                        return;                 
                    }
                }
            });
        });
    });
     
    function getIFrameDOM(fid){
        var fm = getIFrame(fid);
        return fm.document||fm.contentDocument;
    }
    function getIFrame(fid){
        return document.getElementById(fid)||document.frames[fid];
    }
    复制代码
    admin/testQuestions/mathdialog.html ps: 加载页面方法,一般工程会屏蔽html、jsp的直接访问,会通过控制器跳转控制


    4、修改  kindeditor-4.1.7/plugins/jme/dialogs/dialog.js,主要修改 为当前工作目录和全局变量,修改如下:这里 需要注意的是后面的延时函数,如果提示 $ 没有定义 可以适当延时,等待 jquery加载完成。
    复制代码
    var KindEditor = parent.KindEditor || {};
     
    document.write(
        "<link href=\"" + KindEditor.basePath + "plugins/jme/mathquill-0.9.1/mathquill.css\" rel=\"stylesheet\" type=\"text/css\" />" +
        "<script type=\"text/javascript\" src=\"" + KindEditor.basePath + "../jquery/jquery.js\"></script>" +
        "<script type=\"text/javascript\" src=\"" + KindEditor.basePath + "plugins/jme/mathquill-0.9.1/mathquill.min.js\"></script>");
        var jmeMath = [
            [
                "{/}frac{}{}","^{}/_{}","x^{}","x_{}","x^{}_{}","{/}bar{}","{/}sqrt{}","{/}nthroot{}{}",
                "{/}sum^{}_{n=}","{/}sum","{/}log_{}","{/}ln","{/}int_{}^{}","{/}oint_{}^{}"
            ],
            [
                "{/}alpha","{/}beta","{/}gamma","{/}delta","{/}varepsilon","{/}varphi","{/}lambda","{/}mu",
                "{/}rho","{/}sigma","{/}omega","{/}Gamma","{/}Delta","{/}Theta","{/}Lambda","{/}Xi",
                "{/}Pi","{/}Sigma","{/}Upsilon","{/}Phi","{/}Psi","{/}Omega"
            ],
            [
                "+","-","{/}pm","{/}times","{/}ast","{/}div","/","{/}bigtriangleup",
                "=","{/}ne","{/}approx",">","<","{/}ge","{/}le","{/}infty",
                "{/}cap","{/}cup","{/}because","{/}therefore","{/}subset","{/}supset","{/}subseteq","{/}supseteq",
                "{/}nsubseteq","{/}nsupseteq","{/}in","{/}ni","{/}notin","{/}mapsto","{/}leftarrow","{/}rightarrow",
                "{/}Leftarrow","{/}Rightarrow","{/}leftrightarrow","{/}Leftrightarrow"
            ]
        ];
        function mathHtml(obj){
            var cols = 8;//一行放几个
            var slidLen = 34;//每个图标的宽或高
            var html="<div class='mathIcon'>";
            for(var i = 0 ; i < obj.count ; i ++){
                html += "<li οnclick=\"insert('" + jmeMath[obj.groupid][i] + "')\" style=\"background-position:-" + (obj.x + Math.floor(i%8)*slidLen) + "px -" + (obj.y + Math.floor(i/8)*slidLen) + "px;\"></li>";
            }
            html += "</div>";
            if(obj.count > cols * 2){
                html += "<div class='more' mrows='" + Math.floor((obj.count + cols - 1) / cols) + "' isOpen='0'>更多</div>"
            }
            return html;
        }
         
        function insert(q){
            $("#jme-math").focus().mathquill("write", q.replace("{/}","\\"));
        }
    setTimeout(function(){
        $(document).ready(function(){
            //隐藏内容div
            $(".tabContent div.mathBox").hide();
            //菜单点击事件
            $(".tabTitle li").click(function(){
                $(".tabContent div.mathBox").hide();
                var n = 0;
                var obj = this;
                $(".tabTitle li").each(function(i,o){
                    if(obj == o){
                        n = i;
                    }
                });
                $(".tabTitle li").removeClass("current");
                $(obj).addClass("current");
                $(".tabContent div.mathBox:eq(" + n + ")").show();
            });
            //缺省显示第一个
            $(".tabTitle li:eq(0)").click();
            //公式定义
            $(".tabContent div.mathBox:eq(0)").html(mathHtml({
                    groupid:0,
                    x:0,
                    y:272,
                    count:14
                }));
            $(".tabContent div.mathBox:eq(2)").html(mathHtml({
                    groupid:2,
                    x:0,
                    y:0,
                    count:36
                }));
            $(".tabContent div.mathBox:eq(1)").html(mathHtml({
                    groupid:1,
                    x:0,
                    y:170,
                    count:22
                }));
            //常用公式,更多按钮绑定的事件
            $(".tabContent div.mathBox div.more").click(function(){
                    var rowHei = 40;
                    var mi = $(this).parent().find(".mathIcon");
                    if($(this).attr("isOpen") == '0'){
                        mi.animate({"height":(rowHei * Number($(this).attr("mrows")))+"px"});
                        $(this).html("↑ 收起");
                        $(this).attr("isOpen",'1');
                    }else{
                        mi.animate({"height":(rowHei * 2)+"px"});
                        $(this).html("更多");
                        $(this).attr("isOpen",'0');
                    }
                     
                });
            //公式编辑框
            $("#jme-math").html("").css("font-size", '30px').mathquill('editable').mathquill('write', "");
            //验证版本信息
            if(KindEditor.versionCode){
                $.ajax({
               url:"http://www.jmeditor.com/jme/v.php",
               type:"post", 
               dataType:"html",
               async:true,
               data: {
                versionCode:KindEditor.versionCode
               },
               success:function(data){
                $(".ad").html(data);
                 },
                 error:function(){
                    //alert("err");
                 }
            });
          }
        });
     
    },1000);
    复制代码

     

    5、拷贝 kindeditor-4.1.7/plugins/jme/mathquill-0.9.1/mathquill.css 代码 到 kindeditor-4.1.7/plugins/code/prettify.css里面

    6、新建mathdialog.jsp到 web工程/您希望放的位置 ps: 注意 第3步骤 admin/testQuestions/mathdialog.html 跳转到该页面
    复制代码
    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <%@include file="/WEB-INF/jsp/common/page/include.inc.jsp"%>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <base href="<%=basePath %>" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>插入公式˜</title>
    <link href="<%=basePath %>common/kindeditor-4.1.7/plugins/jme/dialogs/dialog.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div class="tabMenu">
        <div class="tabTitle">
            <li>
                常用公式
            </li>
            <li>
                字母
            </li>
            <li>
                符号
            </li>
        </div>
        <div class="tabContent">
            <div class="mathBox">
            </div>
            <div class="mathBox">
            </div>
            <div class="mathBox">
            </div>
        </div>
    </div>
    <div id="mathDiv">
        <p>
            <span id="jme-math"></span>
        </p>
        <p>&nbsp;</p>
    </div>
    <div class="ad">
    </div>
    <script type="text/javascript" src="<%=basePath %>common/kindeditor-4.1.7/plugins/jme/dialogs/dialog.js"></script>
    </body>
    </html>
    复制代码

    7、拷贝kindeditor-4.1.7/plugins/jme/icons/jme.png 公式图标logo 到kindeditor-4.1.7/themes/default/ 文件夹下

    8、修改kindeditor-4.1.7/themes/default/default.css  (加载公式图标logo)

    .ke-toolbar .ke-disabled {
    cursor: default;
    }下方

    添加

    .ke-icon-jme{
        background: url(jme.png) 0 0  no-repeat;
        width: 16px;
        height: 16px;
    }

    9、修改kindeditor-4.1.7/lang/zh_CN.js 添加

    jme : '插入公式',
        unlink : '取消超级链接',
        fullscreen : '全屏显示',
        about : '关于',
        jme : '插入公式',

    以上步骤完成 jmeditor的公式插件已集成到kindeditor里面

    10、新建测试页面,

    复制代码
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <base href="<%=basePath %>" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>新增试题</title>
    <!-- web编辑器str -->
    <link rel="stylesheet" href="<%=basePath %>common/kindeditor-4.1.7/themes/default/default.css" />
    <link rel="stylesheet" href="<%=basePath %>common/kindeditor-4.1.7/plugins/code/prettify.css" />
    <script charset="utf-8" src="<%=basePath %>common/kindeditor-4.1.7/kindeditor.js"></script>
    <script charset="utf-8" src="<%=basePath %>common/kindeditor-4.1.7/lang/zh_CN.js"></script>
    <script charset="utf-8" src="<%=basePath %>common/kindeditor-4.1.7/plugins/code/prettify.js"></script>
    <!-- web编辑器end -->
    
    <script type="text/javascript">
    KindEditor.ready(function(K) {
                var editor1 = K.create('textarea[name="paperTitle"]', {
                    cssPath : '<%=basePath %>common/kindeditor-4.1.7/plugins/code/prettify.css',
                    uploadJson : '<%=basePath %>common/kindeditor-4.1.7/jsp/upload_json.jsp',
                    fileManagerJson : '<%=basePath %>common/kindeditor-4.1.7/jsp/file_manager_json.jsp',
                    allowFileManager : true,
                    autoHeightMode : true,
                    afterCreate : function() {
                        var self = this;
                        K.ctrl(document, 13, function() {
                            self.sync();
                            document.forms['example'].submit();
                        });
                        K.ctrl(self.edit.doc, 13, function() {
                            self.sync();
                            document.forms['example'].submit();
                        });
                    }
                });
                prettyPrint();
            });
    
    </script>
    </head>
    <body>
    
        <div class="control-group" >
            <label class="control-label" style="float:left;">
                    试题题目:
            </label>
            <textarea id="paperTitle" name="paperTitle" cols="100" rows="5" style="width:750px;height:260px;visibility:hidden;float:left;">${testQuestions.paperTitle}</textarea>
             <div class="clear"></div>
        </div>
    
    </body>
    </html>
    复制代码

    文章出自:http://www.cnblogs.com/libaoting/p/KindEditor.html
     
    展开全文
  • JMEditor V0.9 测试版

    2013-01-19 21:57:47
    今天,JMEditor全新一代在线公式编辑器诞生了,它无需安装任何插件,所见即所得,将带我们走进一个新的世界。 JMEditor如果应用于学术论坛、博客等,作者和读者之间就可以方便的通过公式进行交流。那么整个互联网的...
  • kindeditor集成jmeditor公式HTML富文本编辑器,javaWeb版本,嵌入项目即可使用。
  • JMEditor(JavaScript Math Editor)是基于CKEditor、jQuery、mathquill等组件开发的,轻量级、开放源代码、所见即所得、无任何插件的在线公式编辑器。CKEditor与jQuery应用的十分广泛,不再过多介绍。需要指出的是...
  • 为方便广大码农学习、研究,特说明一下JMEditor V0.9(http://www.jmeditor.com)使用的组件版本: ckeditor_4.0_standard mathquill-0.9.1 jquery-1.8.3 JMEditor V0.9已经在IE8以上、Chrome、FireFox等主流浏览器...

    为方便广大码农学习、研究,特说明一下JMEditor V0.9(http://www.jmeditor.com使用的组件版本:
    ckeditor_4.0_standard
    mathquill-0.9.1
    jquery-1.8.3
     
    JMEditor V0.9已经在IE8以上、ChromeFireFox等主流浏览器基本测试通过。欢迎大家测试并反馈BUG

     

    我们正在整理《JMEditor开发白皮书》,敬请关注!

    展开全文
  • JMEditor V0.9.1版本补丁修复内容: 在FireFox 17.0.1及18.0.1版本中,不能显示常用公式。   JMEditor(JavaScript Math Editor,http://www.jmeditor.com)是基于CKEditor、jQuery、mathquill等组件开发的,轻量...

    JMEditor V0.9.1版本补丁修复内容:
    FireFox 17.0.118.0.1版本中,不能显示常用公式。

     

    JMEditorJavaScript Math Editorhttp://www.jmeditor.com)是基于CKEditorjQuerymathquill等组件开发的,轻量级、开放源代码、所见即所得、无任何插件的在线公式编辑器。CKEditorjQuery应用的十分广泛,不再过多介绍。需要指出的是mathquill,使用html+css+js实现公式编辑的效果,他把dom的力量发挥到了极致。

     

    JMEditor如果应用于学术论坛、博客等,作者和读者之间就可以方便的通过公式进行交流。那么整个互联网的环境就是更加和谐,真正成为相亲相爱的一家人。

    展开全文
  • JMEditor简介 JMEditor(JavaScript Math Editor,http://www.jmeditor.com)是基于CKEditor、jQuery、MathQuill等组件开发的,轻量级、开放源代码、所见即所得、无任何插件的在线公式编辑器。CKEditor与jQuery应用...

    JMEditor简介

    JMEditor(JavaScript Math Editor,http://www.jmeditor.com)是基于CKEditor、jQuery、MathQuill等组件开发的,轻量级、开放源代码、所见即所得、无任何插件的在线公式编辑器。CKEditor与jQuery应用的十分广泛,不再过多介绍。需要指出的是MathQuill,使用HTML+CSS+JS实现公式编辑的效果,他把DOM的力量发挥到了极致。

    在互联网技术飞速发展的十几年里,在线公式编辑一直是一个难题。此前的在线编辑器无一例外地,都需要客户端额外安装插件才能正确显示。出于信息、数据安全考虑,绝大多数网友并不想去安装一些网络上的插件。

    那么长期以来,数学公式、物理公式、化学公式无法实现在线录入,严重制约了诸多学科的发展。为了解决这个问题,很多网站便使用图片的形式插入公式。但这只能解决网站信息发布的问题,是单向的,无法达到相互交流的效果。

    今天,JMEditor全新一代在线公式编辑器诞生了,它无需安装任何插件,所见即所得,将带我们走进一个新的世界。

    JMEditor如果应用于学术论坛、博客等,作者和读者之间就可以方便的通过公式进行交流。那么整个互联网的环境就会更加和谐,真正成为相亲相爱的一家人。

    展开全文
  • JMEditor V0.9.2补丁版修复内容: 增加新版本提示。   JMEditor(JavaScript Math Editor,http://www.jmeditor.com)是基于CKEditor、jQuery、MathQuill等组件开发的,轻量级、开放源代码、所见即所得、无任何...
  • JMEditor安装使用教程

    千次阅读 2013-02-18 13:19:43
    国内首款 开源在线公式编辑器 无插件 所见即所得  http://www.jmeditor.com/bbs/read.php?tid=11&fid=3
  • JMEditor-0.9.4

    2016-08-01 16:43:00
    数学公式不用再复制图片了,在线编辑
  • (原文http://www.jmeditor.com/bbs/read.php?tid=11&amp;fid=3) ... 二、目录结构 解压下载的文件,得到以下目录 JMEditor-x ├ jmeditor │├ ckeditor ││└。。。 │└ mathquill-x │...
  • 两个包:kindeditor和jmeditor JMEditor 开源在线公式编辑器| http://www.jmeditor.com/bbs/read.php?tid=57&fid=2 kindeditor富文本编辑器 kindeditor V4.1.11 官网下载地址: http://kindeditor.net/down.php ...
  • 最近公司开发题库类,查询了好几款公式编译器,整合富文本框的,整理的公式编译器,最近要开发数学公式web 应用个人主页整理好几款
  • JMEditor(JavaScript Math Editor)是基于CKEditor、jQuery、mathquill等组件开发的,轻量级、开放源代码、所见即所得、无任何插件的在线公式编辑器。CKEditor与jQuery应用的十分广泛,不再过多介绍。需要指出的是...
  • 最近在搞一套在线的考试系统,一直为即支持公式编辑又得支持各种附件上传、图片上传、视频音频上传、文字编辑 的web编辑器而犯愁。于是乎试着把 kindeditor和jmeditor集成一下,多了不说了直接...、复制 JMEditor-0...
  • JMEditor开源在线公式编辑器简介

    千次阅读 2013-01-31 07:58:10
    JMEditor(JavaScript Math Editor)是基于CKEditor、jQuery、MathQuill等组件开发的,轻量级、开放源代码、所见即所得、无任何插件的在线公式编辑器。CKEditor与jQuery应用的十分广泛,不再过多介绍。需要指出的是...
  • JMEditor V0.9.4 补丁版发布内容: 在以下浏览器测试通过,完全真机测试。 IE8.0、IE9.0、IE10.0、Firefox 21.0、Chrome 27.0。   下载地址:http://www.jmeditor.com/bbs/read.php?tid=57&fid=2   介绍: ...
  • 软件名称:JMEditor-for-PW90 本软件是针对phpwind9.0开发的,支持公式编辑的插件。目前使用的JMEditor-V0.9.2版本,jmeditor目录可以自行更新。 使用步骤如下: 1.首先确认是否为PhpWind9.0原始版本,否则请...
  • JMEditor国内首款、无插件、所见即所得、开源在线公式编辑器,近期即将发布,敬请关注!   JMEditor简介(www.jmeditor.com)   长期以来,数学公式、物理公式、化学公式无法实现在线录入,严重制约了很多学科...

空空如也

空空如也

1 2 3 4
收藏数 71
精华内容 28
热门标签
关键字:

JMEditor