这一款开源免费的富文本编辑器,是值得推荐的——Quill

这一款开源免费的富文本编辑器,是值得推荐的——QuillQuill 是一个所见即所得的富文本编辑器 是一个集兼容性和可扩展性于一体的优秀编辑器 Github

大家好,欢迎来到IT知识分享网。

介绍

Quill是一个所见即所得的富文本编辑器,是一个集兼容性和可扩展性于一体的优秀编辑器,


这一款开源免费的富文本编辑器,是值得推荐的——Quill


Github

https://github.com/quilljs/quill

Quill特点

  • 开发友好

通过简单的API可以细粒度地访问编辑器的内容,更改和事件。使用JSON作为输入和输出一致且确定性的工作

  • 兼容性好

支持台式机,平板电脑和手机上的所有现代浏览器。体验相同的一致行为,并跨平台生成HTML。

这一款开源免费的富文本编辑器,是值得推荐的——Quill

  • 自定义内容和格式

在过去,评估富文本编辑器就像比较所需格式的清单一样简单。一个好的RTF编辑器的标志就是它支持多少种格式。虽然这很重要,但是如果能够自定义内容和格式,那其扩展性将是无限的。

  • 使用方便

所有这些好处都包含在易于使用的代码中。 Quill带有默认值,只需几行Javascript就可以立即使用它:

var quill = new Quill('#editor', { modules: { toolbar: true }, theme: 'snow' });

如果不需要自定义,那么你只需享受现成的丰富而一致的体验即可。

截图

这一款开源免费的富文本编辑器,是值得推荐的——Quill

这一款开源免费的富文本编辑器,是值得推荐的——Quill

这一款开源免费的富文本编辑器,是值得推荐的——Quill

功能上支持图片上传、视频、代码高亮(内置了highlight)等功能

快速开始

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="quill.snow.css" rel="stylesheet">
</head>
<body>
    <!-- 编辑器容器 -->
    <div id="editor">
        <p>Hello World!</p>
        <p>Some initial <strong>bold</strong> text</p>
        <p><br></p>
    </div>

    <!-- 引入quill -->
    <script src="quill.js"></script>

    <!--初始化 -->
    <script>
        var quill = new Quill('#editor', {
            theme: 'snow'
        });
    </script>
</body>

</html>
这一款开源免费的富文本编辑器,是值得推荐的——Quill

总结

本文对于Quill的介绍有限,但是并不能掩饰它的优秀,具体的用法和API可以参考官方文档,不过萝卜青菜,各有所爱,合适的才是最好的!

这一款开源免费的富文本编辑器,是值得推荐的——Quill

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/168477.html

(0)
上一篇 2025-01-25 13:15
下一篇 2025-01-25 13:20

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信