wangEditor富文本使用
引用 https://cdn.jsdelivr.net/npm/wangeditor@latest/dist/wangEditor.min.js
或者下载:https://www.jsdelivr.com/package/npm/wangeditor
2.解压完放到项目的static目录
3.控制器代码其实只加载了一个视图
class Index extends Controller
{
public function index()
{
return $this->fetch();
}
}
js加了两个按钮测试
<body>
<div id="editor">div>
<button id="html">HTMLbutton>
<button id="text">TEXTbutton>
body>
<script src="/static/wangeditor/package/dist/wangEditor.min.js">script>
<script>
var E = window.wangEditor;
var e = new E('#editor');
//设置高度px
e.config.height=500;
e.create();
var html = document.getElementById('html');
html.addEventListener('click',function(){
alert(e.txt.html());//获取编辑器html
});
var text = document.getElementById('text');
text.addEventListener('click',function(){
alert(e.txt.text());//不带标签
});
script>
4.效果 获取html
获取text
只是简单使用了下,这些操作是远远不够的。可以去官网学习下 https://www.wangeditor.com/doc/
0条评论