angular引入summernote(富文本编辑器)组件

1.将plugin文件夹放到src文件夹下
下载链接

2.angular.json 修改成：

"styles": [
  "src/styles.css",
  "src/plugin/summernote-lite.css"
],
"scripts": [
  "src/plugin/jquery-3.2.1.slim.min.js", 
  "src/plugin/summernote-lite.js"
]

3.compoment.ts 头部引入

declare var $: any;

4.compoment.ts ngOnInit函数加入：

$('#summernote').summernote({
  placeholder: 'Hello stand alone ui',
  tabsize: 2,
  height: 100
});

5.将组件放到页面:

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

效果图如下：

6：设置工具栏

          toolbar: [
            <!--字体工具-->   
            ['fontname', ['f