`
369540808
  • 浏览: 196558 次
文章分类
社区版块
存档分类
最新评论

ASP.net使用CKEditor(html文本编辑器)

 
阅读更多

在进行ASP.NET开发时,经常遇到需要在线编辑的需求,比如留言板中需要设置字体、颜色啥的。文章发布需要编辑字体、插入图片啥的,这些功能是自己写???当然不是了,因为有现成的html在线文本编辑器帮助我们实现这些功能,我们只需要集成进去就行。关于神马是html文本编辑器,可以百度之,会出现一个百度开发的,那个功能很强大但是我们一般集成不进去。这里介绍一个CKEditor。这个是我经过好几种对比之后决定采用的。其他的要么我没弄成功没法使用,或者就说功能太少。CKEditor大家可以自行下载。这是我用到的

http://download.csdn.net/detail/jianxia_wzx/5468745

下面是CKEditor集成之后的效果。

效果很不错的。

下来说明怎样集成(过程极其简单但请每一步都做到,不然可能引用不成功)

我个人推荐还是将这个弄成一个控件的形式,这样便于控制。

1、下载的CKEditor都会有bin文件里面会有个debug或者神马文件夹,有个CKEditor.net.dll没有那个文件那就在所有文件里面找CKEditor.net.dll如果没有的话很可能你下载的就用不了。

2、在项目的bin目录下右键,添加->添加现有项,把CKEditor.net.dll加进去。如图

3、在项目名称后右键,添加引用->程序集,点浏览找到那个文件,点击确定。

4、为了像控件一样使用方便,在工具箱随意一个文件夹下点击右键,选择选择项,会出现一个对话框,选择第一个,net Framework,如下图:

点击浏览,找到那个文件,点击确定。

之后就可以在工具箱中将这个控件拖到对应的位置,设置属性,跟其他控件一样。

使用id.text就可以获取这个html中的文本了。当然id是自己设定的控件ID。

特别注意:

在项目中一定要把ckeditor文件夹引用进来,不然会仅仅出来一个小框框的,神马也没有,因为ckeditor文件夹下包含了要调用的代码。这个文件夹在下载的CKEditor中会有的。如下图:

这样就可以正常使用啦

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics