C1任务-03 富文本summernote的使用

一、介绍

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

API：https://summernote.org/

二、基本使用

点击此处可以编写代码

1、首先引入js/css

2、下面就可以写内容了，随便写一行字

 

更改字体颜色可以点击这里直接更改

或者可以编写代码更改

结果：

 

 

 

3、下面可以编写一个表格

 

 

 

 

 

 

 

 

 

 

如果想要背景颜色，在<tr>标签中写，比如背景颜色为灰色

 

结果：

 

 

 

 

 

下面加入一个JavaScript按钮，点击按钮弹出内容

 

 

 

 

 

结果：

 

 

 

 

 

 

点击此按钮弹出下图就完成了

 

 

 

 

 

 

除了这些你还可以编写其他东西，自由发挥吧