我们可以将高级文本编辑器添加到html页面中的textarea

Question

高级文本编辑器似乎在textarea字段中提供文本编辑按钮,可以类似于粗体,斜体,引号和添加图片按钮.我很清楚地知道如何添加文本编辑器(如wysiwig,tinymce一个内等)Content management systems(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>