您的位置:首页 > Web前端 > HTML

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

2010-05-07 00:32 441 查看
首先下载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();

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: