CKeditor在.net自然环境下的配备 中成企业网站建设

FCKeditor是一个专业应用在网页页面上归属于对外开放源码的所闻即个人所得文本编写器。它志于轻量,不用太繁杂的安裝流程就可以应用。它能在asp、 、PHP、JSP等好几个服务平台下应用,而且适用大部分分访问器,因此在它出現的六年時间里,变成了最时兴的文本编写器。

伴随着技术性的发展趋势,许多升级更便捷的物品为开发设计者出示了更大的便捷。在这里种状况下,FCKeditor精英团队发布了一个FCKeditor的重新写过版本号 CKEditor。

新版本本的CKEditor载入速率迅速、更便捷应用,在新版本本的基本上又一个全新升级的客户页面,乃至可让客户精准地自定色调。CKEditor历经了重新写过,出示了丰富多彩而强劲的集成化和互动交流的API。该编写器是彻底根据软件的,它能够拓展和全部构件以合乎全部要求。

新版本本的CKEditor只出示了基本的文字编写作用,提交控制模块由另外一个部件CKFinder。假如同时要要提交作用,就必须再免费下载CKFinder( )。

CKEditor的配备

<自然环境中怎样应用新版本本的CKEditor和CKFinder。

CKEditor的配备相对性FCKeditor来讲十分简易。将文档夹复制到你的程序文件目录,随后你只必须在网页页面中加上js引入:

mce:script type= text/javascript src= ckeditor/ckeditor.js mce_src= ckeditor/ckeditor.js /mce:script

随后在网页页面中就可以够应用:

textarea > <下,假如想应用后台管理获得编写器里的数据信息,能够那样来做:

asp:TextBox ID= txtContent runat= server TextMode= MultiLine

/asp:TextBox mce:script type= text/javascript

!--  CKEDITOR.replace( ' %= txtContent.ClientID % // --

/mce:script

  %= txtContent.ClientID % 是网络服务器控制被编译程序过之后在HTML中显示信息的ID名,那样便可以根据后台管理启用编写器中的数据信息了。

以便降低编写器的尺寸,能够删掉一些无须要的文档,如把_samples、_source、_tests三个文档夹删掉,进到lang文档文件目录,保存en.js、zh.js、.js三个文档,其他的語言文档假如你用不上,能够删掉。

CKFinder的配备:

1、把缓解压力后的/ckfinder/夹复制到你的web文件目录下;随后把bin文件目录下的dll文档拷到你自身的bin文件目录下。

2、建立一个提交文档的文件目录。在默认设置配备的状况下,/ckfinder/userfiles/是提交文件目录;假如想改动提交文件目录,改动config.ascx文档中的BaseUrl = /uploads/ ,这儿是以网站根目录做为肯定相对路径的文件目录,留意以反斜杠末尾。

3、保证你的文档夹能被互联网浏览载入。在Windows里,给IUSR_ ServerName 客户写管理权限;CKFinder能够融合 session来分辨客户是不是有权利限开展提交。假如不用开展客户真实身份认证,那麼改动config.ascx文档里的 CheckAuthentication()涵数,立即回到true。要开展真实身份认证,也是改动这一涵数。

4、编写config.ascx文档。保证你早已恰当设定该文档中的设定,并明确CKFinder在里边。

随后检测是不是能用,运作下边这一网页页面:

/x

沒有出现意外的就,应当能应用了。

PS:在网上一些实例教程说CKFinder必须付钱才可以提交,那就是放屁。未申请注册的CKFinder仍然可使用所有作用,只不过是在编写器里放了个LOGO罢了。

与CKEditor集成化:

依照上边的配备好之后,基础理论上CKEditor和CKFinder都应当能应用了。可是这一情况下CKEditor还不具有提交作用,得把2个物品集成化在一起。编码非常简易:

C#编码


1. asp:TextBoxID= txtContent runat= server TextMode= MultiLine /asp:TextBox  
2.  mce:scripttype= text/javascript !-- 
3.  // This call can be placed at any point after the 
4.  // textarea , or inside a head script in a 
5.  // window.onload event handler. 
6. 
7.  // Replace the textareaid= editor with an CKEditor 
8.  // instance, using default configurations. 
9.  CKEDITOR.replace(' %= txtContent.ClientID % ', 
10.  { 
11.  filebrowserBrowseUrl: '../', 
12.  filebrowserImageBrowseUrl: '../?Type=Images', 
13.  filebrowserFlashBrowseUrl: '../?Type=Flash', 
14.  filebrowserUploadUrl: '../mand=QuickUpload type=Files', 
15.  filebrowserImageUploadUrl: '../mand=QuickUpload type=Images', 
16.  filebrowserFlashUploadUrl: '../mand=QuickUpload type=Flash' 
17.  } 
18.  ); 
19.// -- /mce:script  

asp:TextBoxID= txtContent runat= server TextMode= MultiLine /asp:TextBox mce:scripttype= text/javascript !-- // This call can be placed at any point after the // textarea , or inside a head script in a // window.onload event handler. // Replace the textareaid= editor with an CKEditor // instance, using default configurations. CKEDITOR.replace(' %= txtContent.ClientID % ', { filebrowserBrowseUrl: '../', filebrowserImageBrowseUrl: '../?Type=Images', filebrowserFlashBrowseUrl: '../?Type=Flash', filebrowserUploadUrl: '../mand=QuickUpload type=Files', filebrowserImageUploadUrl: '../mand=QuickUpload type=Images', filebrowserFlashUploadUrl: '../mand=QuickUpload type=Flash' } ); // -- /mce:script  

 

假如相对路径沒有配备不正确,那麼恭贺你,享有全新升级的CKEditor吧!