javascript - 我们可以将高级文本编辑器添加到 html 页面中的文本区域吗

Question

高级文本编辑器似乎在 textarea 字段中提供文本编辑按钮，类似于粗体、斜体、引用和添加图片按钮。我很清楚如何在内容管理系统(drupal， joomla)，但我不确定我们是否可以将这些 API 添加到我们包含文本区域字段的简单 html 页面中。

有人知道如何添加这些 API 吗？

Answer 1

使用Quill - 具有 API 的跨浏览器富文本编辑器。

来自文档:

<!-- Create the toolbar container -->
<div id="toolbar">
  <button class="ql-bold">Bold</button>
  <button class="ql-italic">Italic</button>
</div>

<!-- Create the editor container -->
<div id="editor">
  <div>Hello World!</div>
</div>

<!-- Include the Quill library -->
<script src="http://quilljs.com/js/quill.js"></script>

<!-- Initialize Quill editor -->
<script>
  var editor = new Quill('#editor');
  editor.addModule('toolbar', { container: '#toolbar' });
</script>