介绍
Quill是一个所见即所得的富文本编辑器,是一个集兼容性和可扩展性于一体的优秀编辑器,
![bde77dd631046af674bd440e2ec656fa.png](https://img-blog.csdnimg.cn/img_convert/bde77dd631046af674bd440e2ec656fa.png)
Github
https://github.com/quilljs/quill
Quill特点
- 开发友好
通过简单的API可以细粒度地访问编辑器的内容,更改和事件。使用JSON作为输入和输出一致且确定性的工作
- 兼容性好
支持台式机,平板电脑和手机上的所有现代浏览器。体验相同的一致行为,并跨平台生成HTML。
![4d3c229f4c6712f8fe98aee427b81e5e.png](https://img-blog.csdnimg.cn/img_convert/4d3c229f4c6712f8fe98aee427b81e5e.png)
- 自定义内容和格式
在过去,评估富文本编辑器就像比较所需格式的清单一样简单。一个好的RTF编辑器的标志就是它支持多少种格式。虽然这很重要,但是如果能够自定义内容和格式,那其扩展性将是无限的。
- 使用方便
所有这些好处都包含在易于使用的代码中。 Quill带有默认值,只需几行Javascript就可以立即使用它:
var quill = new Quill('#editor', { modules: { toolbar: true }, theme: 'snow'});
如果不需要自定义,那么你只需享受现成的丰富而一致的体验即可。
截图
![97e3dfb6e66434e70500f2cf2ac3abcf.png](https://img-blog.csdnimg.cn/img_convert/97e3dfb6e66434e70500f2cf2ac3abcf.png)
![6e4d4a69b693d43d40407e53b9040700.png](https://img-blog.csdnimg.cn/img_convert/6e4d4a69b693d43d40407e53b9040700.png)
![5b9a1faa5a9983263daccb3a98ea7147.png](https://img-blog.csdnimg.cn/img_convert/5b9a1faa5a9983263daccb3a98ea7147.png)
功能上支持图片上传、视频、代码高亮(内置了highlight)等功能
快速开始
Document
Hello World!
Some initial bold text
![83ec4f0ba3345244af15102ca8b80df4.png](https://img-blog.csdnimg.cn/img_convert/83ec4f0ba3345244af15102ca8b80df4.png)
总结
本文对于Quill的介绍有限,但是并不能掩饰它的优秀,具体的用法和API可以参考官方文档,不过萝卜青菜,各有所爱,合适的才是最好的!
![03681f3a25ff24a5e6dd1b3841263669.png](https://img-blog.csdnimg.cn/img_convert/03681f3a25ff24a5e6dd1b3841263669.png)