开发者社区> 老朱第一> 正文

RDIFramework.NET ━ .NET快速信息化系统开发框架 V3.2->Web版本“产品管理”事例编辑界面新增KindEditor复文本编辑控件

简介:
+关注继续查看

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控件,如下:

1
<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控件的各参数与属性说明可以参考该控件的官方网站说明即可。 

 


本文转自yonghu86博客园博客,原文链接:http://www.cnblogs.com/huyong/p/7508825.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
RDIFramework.NET ━ .NET快速信息化系统开发框架-4.5 用户管理模块
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/chinahuyong/article/details/7979374 RDIFramework.NET ━ .NET快速信息化系统开发框架 4.5 用户管理模块 4.5 用户管理模块   用户管理模块主要是对可登录系统的用户进行管理。
935 0
c# 获取系统版本,获取net framework 版本(Environment 类)
原文:c# 获取系统版本,获取net framework 版本(Environment 类) 1.获取当前操作系统版本信息 使用Environment.OSVersion 属性 获取包含当前平台标识符和版本号的 OperatingSystem 对象。
2084 0
BREW SDK 九大功能之多媒体系统
版权声明:本文为半吊子子全栈工匠(wireless_com,同公众号)原创文章,未经允许不得转载。 https://blog.
543 0
.NET获取操作系统版本、获取操作系统位数(转载)
添加引用System.Management using System; using System.Collections.Generic; using System.
723 0
RDIFramework.NET ━ .NET快速信息化系统开发框架-4.3 平台主界面
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/chinahuyong/article/details/7979372 RDIFramework.NET ━ .NET快速信息化系统开发框架 4.3 平台主界面  4.3 框架主界面   用户登录成功后,便进入到RDIFramework.NET(.NET快速信息化系统开发整合框架)主界面。
985 0
业务系统的带宽能力
业务系统的整体带宽能力,取决于公网带宽、网卡速率以及磁盘吞吐量,本文量化分析阿里云上部署,可能存在的瓶颈,以及提供参考建议
659 0
+关注
43
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载