SOURCE

$(document).ready(function() {
    $('#summernote').summernote({
        lang : 'zh-CN',// 语言
        placeholder : '请输入文章内容', // 提示
        toolbar: [
            ['operate', ['undo','redo']],
            ['magic',['style']],
            ['style', ['bold', 'italic', 'underline', 'clear']],
            ['para', ['height','fontsize','ul', 'ol', 'paragraph']],
            ['font', ['strikethrough', 'superscript', 'subscript']],
            ['color', ['color']],
            ['insert',['picture','video','link','table','hr']],
            ['layout',['fullscreen','codeview']],
        ]
    });
});
//富文本编辑器summernote的基本使用 https://blog.csdn.net/qq_27480007/article/details/128274874

<h1>富文本-summernote</h1>
<div id="summernote" style="width:100px;height:100px;"><p>Hello Summernote</p></div>