jme芦苇
论坛版主
论坛版主
  • UID2
  • 粉丝59
  • 关注8
  • 发帖数120
  • 社区居民
  • 阅读:51340
  • 回复:58

JMEditor安装使用教程(V0.9.2)

楼主#
更多 发布于:2013-02-08 15:01

一、 下载最新的JMEditor(http://www.jmeditor.com)。


二、 目录结构
解压下载的文件,得到以下目录
JMEditor-x
├ jmeditor
│ ├ ckeditor
│ │ └ 。。。
│ └ mathquill-x
│   └ 。。。
├ style
│ └ default.css
├ index.html
└ view.html
其中,jmeditor目录为编辑器的主目录;index.html、view.html和style目录是Demo相关的文件。
没有特殊说明时,版本更新时,只需要覆盖jmeditor目录即可。


三、 使用步骤
1. 复制jmeditor目录到应用根目录,如D:/webroot/jmeditor。


2. 编辑需要引用编辑器的页面


(1). 指定HTML文档的渲染模式,在head中间加入以下指令:
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
(2). 引入jquery和编辑器js,在head中间加入以下引用:
<script type="text/javascript" src="jmeditor/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="jmeditor/JMEditor.js"></script>
(3). 定义编辑区域,如下
<div contentEditable="true"></div>
至此,就完成了JMEditor的安装。
(4). 为了让编辑区看上去更美观,添加样式class=”editDemo”。为了容易取到编辑的内容添加id="content"。如下所示:
<div id="content" contentEditable="true" class="editDemo"></div>


如果您还有其他问题,请给我们留言。

喜欢16
smith
贫民
贫民
  • UID21
  • 粉丝4
  • 关注1
  • 发帖数1
沙发#
发布于:2013-02-09 20:18
还是不懂
jme芦苇
论坛版主
论坛版主
  • UID2
  • 粉丝59
  • 关注8
  • 发帖数120
  • 社区居民
板凳#
发布于:2013-02-17 20:22
smith:还是不懂回到原帖
具体哪里不明白?
yang_dongxin
贫民
贫民
  • UID22
  • 粉丝2
  • 关注0
  • 发帖数3
地板#
发布于:2013-02-18 14:49
3.       定义编辑区域,如下
  


编辑区域能不能在js代码中手动指定,而不是通过contenteditable="true"?
jme芦苇
论坛版主
论坛版主
  • UID2
  • 粉丝59
  • 关注8
  • 发帖数120
  • 社区居民
4楼#
发布于:2013-02-18 19:03
yang_dongxin:3.       定义编辑区域,如下
  


编辑区域能不能在js代码中手动指定,而不是通过contenteditable="true"?
回到原帖
setTimeout(function(){
    JMEditor.ckEditor.disableAutoInline = true;//禁用自动渲染
    var editor = JMEditor.ckEditor.inline( 'content' );//渲染id='content'的div
    document.getElementById("content").contentEditable = true;//可编辑
});
jme芦苇
论坛版主
论坛版主
  • UID2
  • 粉丝59
  • 关注8
  • 发帖数120
  • 社区居民
5楼#
发布于:2013-02-18 19:07
补充一下:JMEditor集成了ckEditor,通过JMEditor.ckEditor即可得到CKEDITOR对象,其原有的API完全可用。
yang_dongxin
贫民
贫民
  • UID22
  • 粉丝2
  • 关注0
  • 发帖数3
6楼#
发布于:2013-02-19 09:24
CKEDITOR.replace('quizContent',{'config.filebrowserUploadUrl' :'ckeditor.upload.do'});
我用这种方式生成编辑器的,但生成公式后点完“确定”,在ckeditor中公式前面会有<textarea>标签,请问这个应该怎么解决?
yang_dongxin
贫民
贫民
  • UID22
  • 粉丝2
  • 关注0
  • 发帖数3
7楼#
发布于:2013-02-19 10:03
楼主能不能建个qq群,等回帖太慢了
174751964
贫民
贫民
  • UID20
  • 粉丝2
  • 关注0
  • 发帖数1
8楼#
发布于:2013-02-19 15:44
在一个页面中需要多处用到公式编辑器,如何修改呢(需要给jme.js传个ID进去)
jme芦苇
论坛版主
论坛版主
  • UID2
  • 粉丝59
  • 关注8
  • 发帖数120
  • 社区居民
9楼#
发布于:2013-02-19 21:00
yang_dongxin:CKEDITOR.replace('quizContent',{'config.filebrowserUploadUrl' :'ckeditor.upload.do'});
我用这种方式生成编辑器的,但生成公式后点完“确定”,在ckedi...
回到原帖
我按这个方式加载后,打开公式编辑器时有脚本错误,且不显示常用公式。目前仅支持inline方式,您看能不能试着调整一下。
jme芦苇
论坛版主
论坛版主
  • UID2
  • 粉丝59
  • 关注8
  • 发帖数120
  • 社区居民
10楼#
发布于:2013-02-19 21:02
yang_dongxin:楼主能不能建个qq群,等回帖太慢了回到原帖
现阶段我们都是兼职在做这个,即使建QQ群,也做不到随时解答,希望您能理解!
jme芦苇
论坛版主
论坛版主
  • UID2
  • 粉丝59
  • 关注8
  • 发帖数120
  • 社区居民
11楼#
发布于:2013-02-19 21:28
174751964:在一个页面中需要多处用到公式编辑器,如何修改呢(需要给jme.js传个ID进去)回到原帖
是有这个问题,线上的已经修改了。
您下载线上的文件http://www.jmeditor.com/jme/jmeditor/ckeditor/plugins/jme/dialogs/jme.js,覆盖一下试试。
forwaste
贫民
贫民
  • UID26
  • 粉丝1
  • 关注0
  • 发帖数3
12楼#
发布于:2013-03-05 09:46
要解压下载的目录到什么地方呢?有没有什么安装过程?还有Chrome说不能正常编辑,要部署什么的也不懂啊,这方面的小白啊,需要详细的图文教程才好。
ankh
贫民
贫民
  • UID38
  • 粉丝1
  • 关注0
  • 发帖数1
13楼#
发布于:2013-03-14 16:19
yang_dongxin:CKEDITOR.replace('quizContent',{'config.filebrowserUploadUrl' :'ckeditor.upload.do'});
我用这种方式生成编辑器的,但生成公式后点完“确定”,在ckedi...
回到原帖
修改jme.js。在27行下边添加/修改如下内容即可解决:
            
var jmeMathHtml = $("#jme-math",thedoc).html();
jmeMathHtml = jmeMathHtml.replace('<span class="textarea"><textarea></pre></textarea></span>
var mathHTML = '<span class="mathquill-rendered-math" style="font-size:' + JMEditor.defaultFontSize + ';" >' + jmeMathHtml + '</span><span> </span>';
[ankh于2013-03-14 17:40编辑了帖子]
侧面不错
贫民
贫民
  • UID61
  • 粉丝1
  • 关注0
  • 发帖数2
14楼#
发布于:2013-04-01 14:42

老大你好,只复制jmeditor文件夹就可以了吗?style​这个文件夹不用复制吗?

上一页

返回顶部