当前位置: 首页 > 工具软件 > CKEditor.NET > 使用案例 >

富文本编辑器ckeditor在.net项目中使用方法

惠野
2023-12-01

富文本编辑器ckeditor在.net项目中使用方法

1.前段时间接手一个变态事情公司里的富文本编辑器之前某某傻逼领导写的,写了一半扔在那了,真心怀疑他咋成为领导的,丫的。接下来是小宋童鞋在使用ckeditor编辑器插件时候的步骤,希望对大家有点用处。
①首先下载好ckeditor的插件,放到你的项目中,整个直接ctrl+v不要保留。
下载地址:ckeditor插件下载地址(下载标准版就行)
②随后在前台调用这个插件
④这样算是把插件引用到项目中了,接下来就是运用富文本编辑器,写一个textbox控件,最正常的部署该控件,唯一就是 TextMode属性修改成"MultiLine" ,,在我看来textbox是富文本编辑器的一个载体,这里我没有去试验别的控件能不能搭载富文本编辑器,期待别的小伙伴去尝试,然后运用js为该控件与富文本编辑器绑定在一起

⑤接下来就是修改ckedit插件中config.js文件中的上传照片的地址
(1)config.filebrowserImageUploadUrl = ‘picfile.aspx?lx=1’; // 图片上传路径
(2)config.image_previewText = ’ ‘; // 图片信息面板预览区内容的文字内容,默认显示CKEditor自带的内容
(3)config.removeDialogTabs = ‘image:advanced;image:Link’; // 移除图片上传页面的’高级’,'链接’页签
我这里只是简单修改(1)(2),然后再picfile的后台写方法提供图片上传的地址与方式:这里运用控件和图片上传地址的界面都是picfile界面,这样方便直接从富文本编辑器上获取图片的地址。
⑥最后保存的时候所在富文本编辑器中写的内容,以html的格式保存在数据库中。

 类似资料: