JMEditor安装使用教程（V0.9.2）

（原文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>
 
如果您还有其他问题，请到论坛留言。