基于jquery的在线编辑器XHEditor
2009-09-01 19:06
218 查看
使用方法
1. 下载xhEditor最新版本。
下载地址:http://code.google.com/p/xheditor/downloads/list
2. 解压zip文件,将其中的xheditor.js以及xheditor_emot、xheditor_plugins和xheditor_skin三个文件夹上传到网站相应目录
3. 在相应html文件的</head>之前添加
<script type="text/javascript" src="../../jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../../xheditor.js"></script>
根据需要改变相对路径
4.
方法1:在textarea上添加属性: class="xheditor"
方法2:在您的页面初始JS代码里加上:
$('#elm1').xheditor(true);
例如:
$({
$('#elm1').xheditor(true);
});
相应的隐藏编辑器的代码为
$('#elm1').xheditor(false);
注意:
xheditor.js和xheditor_emot、xheditor_plugins和xheditor_skin必须在同一目录下(一般都在根目录下),否则编辑器的工具条显示不出来
jsp页面:加入
<textarea id="content" name="content" class="xheditor" rows="50" cols="150" style="width:100%">
</textarea>
class还可以取的值
1. 下载xhEditor最新版本。
下载地址:http://code.google.com/p/xheditor/downloads/list
2. 解压zip文件,将其中的xheditor.js以及xheditor_emot、xheditor_plugins和xheditor_skin三个文件夹上传到网站相应目录
3. 在相应html文件的</head>之前添加
<script type="text/javascript" src="../../jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../../xheditor.js"></script>
根据需要改变相对路径
4.
方法1:在textarea上添加属性: class="xheditor"
方法2:在您的页面初始JS代码里加上:
$('#elm1').xheditor(true);
例如:
$({
$('#elm1').xheditor(true);
});
相应的隐藏编辑器的代码为
$('#elm1').xheditor(false);
注意:
xheditor.js和xheditor_emot、xheditor_plugins和xheditor_skin必须在同一目录下(一般都在根目录下),否则编辑器的工具条显示不出来
jsp页面:加入
<textarea id="content" name="content" class="xheditor" rows="50" cols="150" style="width:100%">
</textarea>
class还可以取的值
相关文章推荐
- 基于jquery的在线编辑器XHEditor
- Html在线编辑器--基于Jquery的xhEditor轻量级编辑器
- 推荐两款基于JQuery的在线内容编辑器
- xhEditor:基于jQuery的高效的XHTML编辑器
- xhEditor:基于jQuery的高效的XHTML编辑器
- JQuery 制作的一款在线编辑器(xheditor)。兼容IE,Firefox...感觉不错
- 基于jQuery实现在线选座之高铁版
- 基于jQuery实现在线选座之高铁版
- 基于jquery的bootstrap在线文本编辑器插件Summernote (转)
- [原创]基于jquery.Jcrop的头像编辑器
- 基于web的在线复杂公式编辑器的实现
- 基于jquery的QQ在线客户插件
- 基于jQuery+PHP+Mysql实现在线拍照和在线浏览照片
- 基于jQuery+Cookie实现的防止刷新的在线考试倒计时
- 分享一个超棒的基于jQuery的所见即所得(WYSIWYG)编辑器 - Redactor
- 20个最强的基于浏览器的在线代码编辑器
- 分享一个超棒的基于jQuery的所见即所得(WYSIWYG)编辑器 - Redactor
- 基于阿里云oss及jquery.magnific-popup的在线图片浏览功能的实现
- 20个最强的基于浏览器的在线代码编辑器