tp5整合富文本编辑器
文章描述：
thinkphp5整合富文本编辑器及使用
显示
html
<el-form-item label="内容 ">
<el-content id="container" v-model="form.content" type="text/plain"></el-content>
</el-form-item>script
// 富文本编辑器
UM.getEditor('container', {
initialFrameWidth: 800 + 15,
initialFrameHeight: 400
});获取值
var content = UM.getEditor('container').getContent();编辑
//获取内容
var content = <?=json_encode($info['content']) ?>;
//实例化编辑器
UM.getEditor('container', {
initialFrameWidth: 800 + 15,
initialFrameHeight: 400
},true);
//渲染内容
setTimeout(function(){
UM.getEditor('container').setContent(content,false);
},500);数据库储存
在存储的时候HTML 实体转换为字符
数据库content字段内容如下：
<p>hello</p>
处理方法：
控制器
$info['content'] = html_entity_decode($info['content']);
发布时间：2021/11/18
发表评论