(原文http://www.jmeditor.com/bbs/read.php?tid=11&fid=3)
一、下载最新的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. 指定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>
如果您还有其他问题,请到论坛留言。