xhEditor编辑器
下载地址:http://xheditor.com/download
要用编辑器需要加入的东西:
1.xheditor-zh-cn.min.js和jquery.js文件
2.xheditor_emot、xheditor_plugins和xheditor_skin三个文件夹
放到Java项目中的webRoot下边,在页面引入两个js文件,加一个textarea,根据id得到textarea,给其添加javascript脚本
$(document).ready(function(){
$('#content2').xheditor({tools:'full',skin:'o2007blue',width:'500',height:'150',cleanPaste:0});
});
就可以变成文本编辑器。
可以使用如下方法:
方法1:在textarea上添加属性: class="xheditor {skin:'default'}",前面主参数也可以是xheditor-mfull、xheditor-mini和xheditor-simple,分别加载多行完全、迷你和简单工具栏,后面详细参数可以省略
方法2:在您的页面初始JS代码里加上: $('#elm1').xheditor();
$('#elm1').xheditor();
例如:
$({
$('#elm1').xheditor();
});
相应的卸载编辑器的代码为
$('#elm1').xheditor(false);
重要说明:2种初始化方法只能选择其中一种,不能混合使用,优先级分别是:方法1>方法2,例如用了方法1,方法2就无法使用了
分享到:
相关推荐
用于xheditor编辑器上传功能的配置文件 upload.aspx,直接下载拷贝到项目根目录下即可。 里面的该行: string attachdir ="../upload"; 是上传路径,根据实际引用xheditor的页面位置,要进行相应的修改,要不然无法...
**XHEditor编辑器详解** XHEditor是一款广泛应用于网页中的开源富文本编辑器,它以其易用性、功能丰富和良好的兼容性受到许多开发者喜爱。这款编辑器提供了丰富的配置选项,可以方便地定制出满足不同需求的文本编辑...
**xheditor编辑器详解** xheditor是一款开源的JavaScript富文本编辑器,它为网页开发者提供了方便快捷的文本编辑解决方案。在Web应用中,用户往往需要输入大量文本,而HTML的原始输入框只能处理纯文本,无法满足...
在IT行业中,富文本编辑器是网页开发中...总的来说,实现XHEditor编辑器的图片上传功能,需要结合前端的XHEditor配置和后端的文件处理逻辑。理解这一过程有助于我们在实际开发中更好地运用富文本编辑器,提升用户体验。
《xhEditor编辑器V1.17在Web表单中的应用详解》 xhEditor是一款功能强大的富文本编辑器,适用于Web开发中对文本内容的编辑与展示。其版本V1.17提供了丰富的示例,帮助开发者更好地理解和运用这款编辑器。本文将深入...
《深入解析xheditor编辑器在ASP.NET中的应用》 xheditor是一款功能强大的富文本编辑器,广泛应用于网页内容的编辑与发布。它提供了丰富的编辑功能,包括文本格式化、图片上传、表情插入等,极大地提升了用户在网页...
《xhEditor编辑器V0.97在Web表单中的应用详解》 xhEditor是一款功能强大的网页富文本编辑器,它为Web开发者提供了一种便捷的方式来创建和管理具有WYSIWYG(所见即所得)界面的文本输入区域。在xhEditor V0.97版本中...
这篇博文“在xheditor编辑器的WYSWYG编辑模式下增加插入代码功能”主要介绍了如何扩展XHEditor的功能,使用户能够在编辑过程中方便地插入代码块。这涉及到前端开发的知识,包括JavaScript、HTML和CSS等,以及对...
如果想实现更加复杂的交互应用,或者希望xhEditor编辑器能够和自己的Javascript代码实现互相访问,那么你可以选择使用方法2,相对具有更大的自由空间。 xhEditor也提供了即时的卸载编辑器方法: $('#elm1')....
### XHEditor编辑器使用指南 #### 一、简介 XHEditor是一款功能强大的富文本编辑器,适用于网页开发中的内容编辑场景。它不仅能够提供基本的文字处理功能,还支持多媒体元素(如图片、视频)的插入,以及复杂的排版...
xheditor-1.1.7 编辑器插件 包含xheditor所含关键文件及jquery,导入web工程即可使用
xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器,基于网络访问并且兼容IE 6.0-8.0,Firefox 3.0,Opera 9.6,Chrome 1.0,Safari 3.22。 Features(特点): Small:初始加载5个文件,包括:1个js...
初始化xheditor编辑器通常在文档加载完成后进行,可以使用JavaScript的`$(document).ready()`或`window.onload`事件。例如: ```javascript $(document).ready(function(){ $("#myEditor").xheditor({tools:'...
xhEditor是一个基于jQuery开发的简单迷你并且高效的在线可视化HTML编辑器,基于网络访问并且兼容IE 6.0 ,Firefox 3.0 ,Opera 9.6 ,Chrome 1.0 ,Safari 3.22 。 xhEditor完全基于Javascript开发,您可以应用在任何的...
xheditor编辑器.................xheditor编辑器.................xheditor编辑器.................xheditor编辑器.................xheditor编辑器.................