代码改变世界

html文本编辑器 ckeditor_3.1 在.net中的使用方法

2010-05-07 00:32  Billy King  阅读(292)  评论(0)    收藏  举报

首先下载ckeditor_3.1;

然后精简:

外面保留ckeditor.js,config.js, 把_samples、_source文件夹删除,进入lang文件目录,保留zh-cn.js,en,js文件,皮肤自己看着办想留那个留那个,

config.js用来配置,如:

CKEDITOR.editorConfig = function( config )
{
// Define changes to default configuration here. For example:
config.language = 'zh-cn';
config.skin = 'v2';
config.enterMode = Number(2); //回车键入<br/>分1,2,3,代表<p><br><div>
config.toolbar=
[   //工具栏,自己想要哪些就写哪些
   ['Maximize','Bold','Italic','Underline','Strike','Subscript','Superscript'],  
   ['NumberedList','BulletedList'],  
   ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],    
   ['Image','Smiley','SpecialChar'],  
   ['FontSize','TextColor','BGColor'],     
];
// config.uiColor = '#AADC6E';
};

aspx页面,很简单,

导入配置文件<script type="text/javascript" src="../ckeditor/ckeditor.js"></script>

//文本编辑处:<asp:textbox ID="txtContent" runat="server" CssClass="ckeditor" TextMode="MultiLine"></asp:textbox>

然后再:

----------------------------------------------------------------------------------

script type="text/javascript">
    //<![CDATA[
    CKEDITOR.replace('txtContent');
    //]]>
    </script>

原文有偏差:我这样改的

      CKEDITOR.replace('txtContent',
     {
         skin: 'v2',
         enterMode: Number(2),//设置enter键的输入1.<p>2为<br/>3为<div>       
         shiftEnterMode: Number(1)
     });

 

----------------------------------------------------------------------

 

这不能写在texbox的前面哦。。。

后台获取内容就获取texbox的内容 string contents = this.txtContent.Text.Trim();