Summernote 是一个简单，灵活，所见即所得（WYSIWYG）的编辑器  ，基于 jquery 和 Bootstrap 构建，支持快捷键操作，提供大量可定制的选项。  。Summernote 所有主要的操作都支持快捷键，有一个功能强大的 api，它提供了大量的自定义选项的设计和功能。

特征

• 支持Bootstrap 3.xx至4.xx
• 轻量级（js + css：100Kb）
• 智能用户互动
• 适用于所有主要浏览器：Safari, Chrome, Firefox, Opera, Edge and Internet Explorer 9+
• 适用于所有主要操作系统：Windows, MacOS, Linux

使用

引入

<!-- include libraries(jQuery, bootstrap) -->
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css" />
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>

<!-- include summernote css/js-->
<link href="summernote.css" rel="stylesheet">
<script src="summernote.js"></script>

html

<div id="summernote">Hello Summernote</div>

js

$(document).ready(function() {
  $('#summernote').summernote();
});

链接: https://www.fly63.com/nav/1508