KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。KindEditor使用JavaScript编写,可以无缝的于Java、.NET、PHP、ASP等程序接合。KindEditor非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用,2006年7月首次发布2.0以来,KindEditor依靠出色的用户体验和领先的技术不断扩大编辑器市场占有率,目前在国内已经成为最受欢迎的编辑器之一。
我们在开始过程中经常需要富文本框的支持,应有些客户的需求,在案例模块“产品管理”中增加了对KindEditor富文本框控件的支持。KindEditor富文本框控件的下载地址在文章的最后,需要的用户可以下载。
产品管理主界面如下图所示:
在产品管理主界面单击编辑按钮,打开产品编辑界面,在编辑界面的描述字段我们就用了KindEditor控件,如下图所示:
使用方法如下图代码所示:
1、引用KindEditor控件相关css与js到界面中,如下:
- <link rel="stylesheet" href="~/Content/Scripts/kindeditor/themes/default/default.css" />
- <script charset="utf-8" src="~/Content/Scripts/kindeditor/kindeditor.js"></script
- <script charset="utf-8" src="~/Content/Scripts/kindeditor/lang/zh_CN.js"></script>
2、 定义需要设置为KindEditor控件的html控件,如下:
- <textarea style="width:300px;height:30px;" id="PRODUCTDESCRIPTION" name="PRODUCTDESCRIPTION" />
3、在界面加载时指定关联,如下代码:
- <script type="text/javascript">
- $(function(){
- window.editor = KindEditor.create('#PRODUCTDESCRIPTION', {
- resizeType: 1,
- width: '500px',minWidth:'490px',height:'50px',
- urlType: 'domain', // 带有域名的绝对路径
- allowFileManager: false,
- items: ['source', 'undo', 'redo', 'wordpaste', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist', 'formatblock', 'fontname', 'fontsize', 'forecolor', 'bold', 'italic', 'table', 'link', 'unlink', 'image']
- });
- });
- </script>
4、对于具体的KindEditor控件的各参数与属性说明可以参考该控件的官方网站说明即可。
相关文章:
RDIFramework.NET — 基于.NET的快速信息化系统开发框架 — 系列目录
RDIFramework.NET ━ .NET快速信息化系统开发框架 ━ 工作流程组件介绍
一路走来数个年头,感谢RDIFramework.NET框架的支持者与使用者,大家可以通过下面的地址了解详情。
RDIFramework.net官方网站:http://www.rdiframework.net/
RDIFramework.Net官方博客:http://blog.rdiframework.net/
同时需要说明的,以后的所有技术文章以官方网站为准,欢迎大家收藏!
RDIFramework.NET框架由专业团队长期打造、一直在更新、一直在升级,请放心使用!
欢迎关注RDIFramework.net框架官方公众微信(微信号:rdiframework-net),及时了解最新动态。
扫描二维码立即关注
相关推荐
2.web.xml 的servlet及相关属性设置 <!-- 图片上传的SERVLET --> <servlet> <servlet-name>UploadImage</servlet-name> <servlet-class>com.elkan.kindeditor.upload.UploadImage</servlet-class> <!-- 上传...
* 文件名:kindeditor编辑器功能强大,实现了文本格式,包含图片,视频以及flash以及动态地图的上传实现。 * 文件功能描述: 本次常用代码封装为编辑器的实用。 * 实用该编辑器注意事项: * 第一步: 需要把...
Asp.Net SWFUpload多文件上传;KindEditor富文本框用户控件
九头鸭编辑器控件 KindEdito3.4.2 .net专用版
富文本编辑框asp.net mvc功能源码kindeditor4
kindeditor文本编辑器(asp.net中使用) 源代码都在
将kindeditor与ssm完美整合,如果你不是ssm框架,也没关系,核心的代码都已做了修改。 完美显示文件、图片、视频的上传 4.11 kindeditor版本: 新增: 俄语语言包,感谢Valery Votintsev (http://codersclub.org/)。...
kindeditor-4.1.10 asp.net开发的实例,含例子代码
这是一个HTML在线编辑控件,功能非常强大,是Web开发中一个很好用且常用的控件。
整合了kindeditor文本编辑器中所需的js文件, 版本为4.1.11最新版 新增: 俄语语言包,感谢Valery Votintsev (http://codersclub.org/)。 改善: 语言包文件名标准化,zh_CN -> zh-CN, zh_TW -> zh-TW。 Bugfix: [IE6] ...
整合到asp.net里面 主要实现了 原来没有的图片插入功能,里面有详细的说明 希望有对大家有那么点帮助 具体好处就不说了,百度都有 自己用了 真的觉得好才千方百计实现了图片插入功能 KindEditor是一套开源的HTML...
kindeditor编辑器在asp.net 中使用介绍 编辑器功能强大,实现了文本格式,包含图片,视频以及flash以及动态地图的上传实现。上传部分自己总结的常用方法的封装,有不足和不完美之处,希望大家指出来,愿意一起
asp.net3.5测试过,无错误100%能用
KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。 KindEditor使用JavaScript编写,可以无缝的于Java、.NET、PHP、...
如果在母版页不显示,是因为textbox的ID控件被重写,右键更改项目为.Net 4.0,控件Textbox属性增加ClientIDMode="Static",防止ID被重写。 如果上传2.0可以,4.0图片失败请在Web.config添加...
html文本编辑器,富文本。 支持插入图片,网络和本地图片。 支持插入表情,改变文字大小,颜色。非常的好用。
Thinkphp编辑器扩展将让你轻松实现文件图片上传以及颜色选择器等。并且你能很方便的制定上传权限,不会给网站遗留漏洞。 此编辑器扩展内集成的是kindeditor。以前配置编辑器都是用js配置, 用这个扩展,直接定义...
1、复制kindEditor到你web工程的webContent下 2、复制struts需要的jar包和kindEditor必须jar包到lib下,因为它们的jar包邮重复,选择最新的就ok 3、如果需要后台java代码获取内容,可以在action中定义content属性,...
asp.net KindEditor4.0.4 最新在线编辑器(C#)
KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。 KindEditor使用JavaScript编写,可以无缝的于Java、.NET、PHP、...