富文本编辑器是一种可内嵌于浏览器,所见即所得的文本编辑器。富文本编辑器不同于文本编辑器,有需要的可以到网上下载嵌套到自己的网站或程序中,方便用户编辑文章或信息。下面我说到的就是一款比较经典的富文本编辑器CKEditor。
这款编辑器的功能非常强大,它特有的行内编辑功能是编辑功能更加直观方便,具有很强的延展性。
下载路径:https://ckeditor.com/
在学习项目重邮中,发布公告内使用到的就是这款富文本编辑器,在使用方法我进行了部分总结,需要的可以作参考(仅供参考)。
第一:在项目中引用插件
<script src="~/Plugins/ckeditor/ckeditor.js"></script>
第二:申明全局变量
var editorNotice;//富文本编辑器
第三:初始化富文本编辑器
editorNotice = CKEDITOR.replace('NoticeContent');
Eg:代码部分
运行效果部分如下:
富文本编辑器中如何通过编辑器上传图片到服务器?
第一:打开图中的路径
第二:修改config.js中的图片路径
第三:修改完成以后打开页面点击图片上传即可。
以上就是我想要分享的CKEditor富文本编辑器的内容,富文本编辑器不仅丰富了我们的页面更是方便了我们的开发,除了以上的这个还有其他很多非常受欢迎的富文本编辑器比如:TinyMCE UEditor wangEditor kindeditor simditor等等有兴趣有需要的可以去了解一下。