`
liujinlong
  • 浏览: 25638 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

xhEditor编辑器

阅读更多
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就无法使用了
分享到:
评论
1 楼 mingliangfeng 2012-05-30  
文件上传貌似不支持IE9?

相关推荐

    用于xheditor编辑器上传功能的配置文件

    用于xheditor编辑器上传功能的配置文件 upload.aspx,直接下载拷贝到项目根目录下即可。 里面的该行: string attachdir ="../upload"; 是上传路径,根据实际引用xheditor的页面位置,要进行相应的修改,要不然无法...

    xheditor编辑器

    **XHEditor编辑器详解** XHEditor是一款广泛应用于网页中的开源富文本编辑器,它以其易用性、功能丰富和良好的兼容性受到许多开发者喜爱。这款编辑器提供了丰富的配置选项,可以方便地定制出满足不同需求的文本编辑...

    xheditor 编辑器

    **xheditor编辑器详解** xheditor是一款开源的JavaScript富文本编辑器,它为网页开发者提供了方便快捷的文本编辑解决方案。在Web应用中,用户往往需要输入大量文本,而HTML的原始输入框只能处理纯文本,无法满足...

    xheditor编辑器实现图片上传

    在IT行业中,富文本编辑器是网页开发中...总的来说,实现XHEditor编辑器的图片上传功能,需要结合前端的XHEditor配置和后端的文件处理逻辑。理解这一过程有助于我们在实际开发中更好地运用富文本编辑器,提升用户体验。

    xhEditor编辑器V1.17示例webform

    《xhEditor编辑器V1.17在Web表单中的应用详解》 xhEditor是一款功能强大的富文本编辑器,适用于Web开发中对文本内容的编辑与展示。其版本V1.17提供了丰富的示例,帮助开发者更好地理解和运用这款编辑器。本文将深入...

    xheditor编辑器asp.net源码

    《深入解析xheditor编辑器在ASP.NET中的应用》 xheditor是一款功能强大的富文本编辑器,广泛应用于网页内容的编辑与发布。它提供了丰富的编辑功能,包括文本格式化、图片上传、表情插入等,极大地提升了用户在网页...

    xhEditor编辑器V0.97示例webform.rar

    《xhEditor编辑器V0.97在Web表单中的应用详解》 xhEditor是一款功能强大的网页富文本编辑器,它为Web开发者提供了一种便捷的方式来创建和管理具有WYSIWYG(所见即所得)界面的文本输入区域。在xhEditor V0.97版本中...

    在xheditor编辑器的WYSWYG编辑模式下增加插入代码功能

    这篇博文“在xheditor编辑器的WYSWYG编辑模式下增加插入代码功能”主要介绍了如何扩展XHEditor的功能,使用户能够在编辑过程中方便地插入代码块。这涉及到前端开发的知识,包括JavaScript、HTML和CSS等,以及对...

    xheditor-1.1.14

    如果想实现更加复杂的交互应用,或者希望xhEditor编辑器能够和自己的Javascript代码实现互相访问,那么你可以选择使用方法2,相对具有更大的自由空间。 xhEditor也提供了即时的卸载编辑器方法: $('#elm1')....

    XHEditor编辑器使用文档

    ### XHEditor编辑器使用指南 #### 一、简介 XHEditor是一款功能强大的富文本编辑器,适用于网页开发中的内容编辑场景。它不仅能够提供基本的文字处理功能,还支持多媒体元素(如图片、视频)的插入,以及复杂的排版...

    xheditor-1.1.7 编辑器插件

    xheditor-1.1.7 编辑器插件 包含xheditor所含关键文件及jquery,导入web工程即可使用

    xhEditor编辑器 v0.9.3 繁体中文 v0.9.3

    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文本编辑器插件制作html编辑器使用代码

    初始化xheditor编辑器通常在文档加载完成后进行,可以使用JavaScript的`$(document).ready()`或`window.onload`事件。例如: ```javascript $(document).ready(function(){ $("#myEditor").xheditor({tools:'...

    xhEditor编辑器v1.2.2简体中文

    xhEditor是一个基于jQuery开发的简单迷你并且高效的在线可视化HTML编辑器,基于网络访问并且兼容IE 6.0 ,Firefox 3.0 ,Opera 9.6 ,Chrome 1.0 ,Safari 3.22 。 xhEditor完全基于Javascript开发,您可以应用在任何的...

    xheditor-1.1.1编辑器下载

    xheditor编辑器.................xheditor编辑器.................xheditor编辑器.................xheditor编辑器.................xheditor编辑器.................

Global site tag (gtag.js) - Google Analytics