wangEdit(版本3.1.1)之angular

官网参考地址

一、下载wangEdit

npm i wangeditor

二、引入wangEdit

import * as wangEditor from '../../../node_modules/wangeditor/release/wangEditor.js';

三、生成编辑器

//html中
<div id="edit">
    <p>请输入内容...</p>
</div>

//.ts的ngOnInit中
var edit = document.getElementById('edit');
var editor = new wangEditor(edit);
editor.create();

四、实现placeholder

思路：加一个input覆盖在wangEdit上，当wangEdit聚焦时隐藏，失焦时判断富文本中是否有内容，有就隐藏

效果图如下:

代码：

//html
<div style="position:relative">
    <div id="edit"></div>
    <div style="position: 'absolute';lef