当前位置: 首页 > 工具软件 > JMEditor > 使用案例 >

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

呼延原
2023-12-01

(原文http://www.jmeditor.com/bbs/read.php?tid=11&fid=3

 

一、下载最新的JMEditorhttp://www.jmeditor.com)。
 
二、目录结构
  解压下载的文件,得到以下目录
  JMEditor-x
  ├ jmeditor
  │ ckeditor
  │。。。
  │ mathquill-x
  │ 。。。
  ├ style
  │ default.css
  ├ index.html
  └view.html
  其中,jmeditor目录为编辑器的主目录;index.htmlview.htmlstyle目录是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>
 
如果您还有其他问题,请到论坛留言。

 类似资料: