富文本插件：summernote

<script src="https://summernote.org/vendors/jquery/dist/jquery.js"></script>
<link href="https://summernote.org/vendors/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
<script src="https://summernote.org/vendors/bootstrap/dist/js/bootstrap.js"></script>

<!-- add summernote -->
<link href="https://summernote.org/vendors/summernote/dist/summernote.css" rel="stylesheet">
<script src="https://summernote.org/vendors/summernote/dist/summernote.js"></script>
<script src="https://summernote.org/vendors/summernote/lang/summernote-zh-CN.js"></script>

  </head>
</header>

<div class="page-container index-section-1">
  <div id="summernote"><p><br></p></div>
</div>

<script type="text/javascript">
$(function() {

  $('#summernote').summernote({
    height: 300,lang: "zh-CN"
    
  });
});
</script>

运行实例：