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是一套開源的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控件的各參數與屬性說明可以參考該控件的官方網站說明即可。

相關文章： 　　　

　 KindEditor富文本框控件下載地址

　 KindEditor富文本框控件在線測試地址

　 RDIFramework 平臺代碼生成器V3.2 發布版

　　 RDIFramework.NET — 基于.NET的快速信息化系統開發框架 — 系列目錄

　　 RDIFramework.NET ━ .NET快速信息化系統開發框架 ━ 工作流程組件介紹　　

　　實例演示使用RDIFramework.NET 框架的工作流組件進行業務流程的定義—請假申請流程-Web

　　RDIFramework.NET ━ .NET快速信息化系統開發框架 ━ 工作流程組件Web業務平臺

　　一路走來數個年頭，感謝RDIFramework.NET框架的支持者與使用者，大家可以通過下面的地址了解詳情。

RDIFramework.NET官方網站：http://www.rdiframework.net/

RDIFramework.NET官方博客：http://blog.rdiframework.net/