这是个人思路整理,你应有你自己的选择方式.
一直想做一个自己的网站,发布一些自己的文章.总在CSDN发文章,感觉CSDN的编辑器不错.
网上搜了一下,好多人说csdn很久之前用的是一个fceditor或者kindeditor之类的.
但我发现并不是.至少现在不是.
于是在git上简单搜了搜 waht you see is what you get (WYSIWYG)
简单的筛查了一下 有几个符合我使用的:
- wangEditorhttps://codesandbox.io/s/react-wangeditor-demo-unvron?file=/src/components/MyEditor.js
jodithttps://xdsoft.net/jodit/quilljshttps://quilljs.com/ - tinymcehttps://www.tiny.cloud/docs/tinymce/6/full-featured-premium-demo/
- summernotehttps://summernote.org/examples/#multiple-editor
- kindeditorhttp://kindeditor.net/demo.php
但是,最后过滤了一下,决定使用wangEditor
名称 | 网页复制粘贴 | 支持C#代码 | 支持TS代码 | 上传图片 | 评价 |
wang | 9 | 无 | 有 | 粘贴+上传+外链 | 不支持C#代码是遗憾,倒是目前也没有什么太大影响,最近我正好在做cs代码生成api的工具,可以拓展到这上面来.友好的中文文档,上传图片等支持api方式,原生支持Vue和react |
quilljs | 8 | 自动识别,很好 | 自动识别成js | 上传+粘贴(没有外链功能,点开就是上传) | 基本功能都支持,程序代码不可以直接选择语言类型.倒是也展示的不错.界面简洁,不自持图片调整大小.在首行为程序代码块时,向上插入正文较麻烦 |
tinymce | 8 | 是 | 有js | 上传+粘贴+外链+图片空间+样式设置等 | 功能全,视频支持封面,满足我需求的高级版收费,还支持他打造的图片空间 |
summernnote | 8 | 无 | 无 | 粘贴+外链(无上传) | 轻量级,不支持程序代码,视频不能上传但可通过连接插入 |
kindeditor | 10 | 假的 | 假的 | 粘贴+外链(无上传) | 轻量级,中文支持,功能挺全的,但是程序代码功能就是鸡肋没有效果,也可理解,毕竟快10年没更新了 |
jodit | 8 | 无 | 无 | 粘贴+外链+上传+图片空间 | 除了不支持代码块,其他的都非常好,还支持语音转文字(不准,是个思路),支持上传视频和图片以及文件,还竟内部构建了像淘宝店铺那样的图片空间 |
背景音乐功能这些都没有.
图片无上传的意思就是没有相关的api.但是应该是在保存的时候都会有相应的策略吧.具体的没测试.
网页复制粘贴的意思是,当你从网页上摘抄一段内容的时候,复制粘贴到目标编辑器中的还原度.
截图后,系统剪切板中的图片粘贴到编辑器内的话,个个浏览器支持都是可以的.
有能力有时间的话,更丰富的功能还是要自己写.
不然的话,就用现成的吧.
如果能接受收费.tinymce不错的选择,虽然暂时不支持ts高亮
如果不能,简单用就选summernnote
不分享程序代码就用jodit
像我一样又发代码又上传图又想自己管理这些图,又要简单好上手.选wangEditor
以上都是我的个人见解.