首页 > 代码库 > Quill – 可以灵活自定义的开源的富文本编辑器

Quill – 可以灵活自定义的开源的富文本编辑器

2024-07-05 18:18:04   217人阅读

　　Quill 的建立是为了解决现有的所见即所得（WYSIWYG）的编辑器本身就是所见即所得（指不能再扩张）的问题。如果编辑器不正是你想要的方式，这是很难或不可能对其进行自定义以满足您的需求。

　　Quill 旨在通过把自身组织成模块，并提供了强大的 API 来构建额外的模块来解决这个问题。它也并没有规定你用样式来定义编辑器皮肤。Quill 还提供了所有你希望富文本编辑器说用于的功能，包括轻量级封装，众多的格式化选项，以及广泛的跨平台支持。

您可能感兴趣的相关文章
  • 创意无限！一组网页边栏过渡动画【附源码下载】
  • 真是好东西！13种非常动感的页面加载动画效果
  • 你见过吗？9款超炫的复选框（Checkbox）效果
  • 超赞！基于 Bootstrap 的响应式的后台管理模板
  • 太赞了！超炫的页面切换动画效果【附源码下载】

 

 

下面是一个简单的使用示例：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!-- Create the toolbar container -->
<div id="toolbar">
  <button class="sc-bold">Bold</button>
  <button class="sc-italic">Italic</button>
</div>
 
<!-- Create the editor container -->
<div id="editor">
  <div>Hello World!</div>
</div>
 
<!-- Include the Quill library -->
<script src=http://www.mamicode.com/"http://quilljs.com/js/quill.js"></script>
 
<!-- Initialize Quill editor -->
<script>
  var editor = new Quill(‘#editor‘);
  editor.addModule(‘toolbar‘, { container: ‘#toolbar‘ });
</script>

　

立即下载      在线演示

 

本文链接：Quill – 另一款很棒的开源的富文本编辑器

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

本文来自【梦想天空（http://www.cnblogs.com/lhb25/）】


联系
我们