数据表中保存的数据为带html标签的源码,如图:
编辑器页面需要的内容:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><meta http-equiv="Content-Type" content="text/html;charset=utf-8"/><script type="text/javascript" charset="utf-8" src="__ROOT__/static/plugs/ueditor/dist/ueditor.config.js"></script><script type="text/javascript" charset="utf-8" src="__ROOT__/static/plugs/ueditor/dist/ueditor.all.js"> </script><!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败--><!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文--><script type="text/javascript" charset="utf-8" src="__ROOT__/static/plugs/ueditor/dist/lang/zh-cn/zh-cn.js"></script><style type="text/css">div{width:100%;}</style>
</head>
<body>
<div><script id="editor" type="text/plain" style="width:1024px;height:500px;margin-left:20px;">{$vo.content}</script>
</div><script type="text/javascript">//实例化编辑器editorcontent2 = new baidu.editor.ui.Editor();editorcontent2.render('editor');try {editorcontent2.sync();} catch (err) {}</script>
</body>
</html>
tp6框架中这个编辑器的控制器为:
<?php
public function ueditor(){$vo=Db::connect('database')->table('article')->field('content')->where(['id'=>375588])->find();$this->assign(array('vo'=>$vo));return $this->fetch();}
显示效果为:
为了将默认值变为html解析后的,需要在script标签中间加一个这个:
{$vo.content|raw}
如图:
这样修改回显正常,如图:
其中用到的技术点为tp6中的raw,哈哈哈,很棒!
如果你不需要转义(例如你需要输出html表格等内容),可以使用: raw
文档讲解地址:使用函数 · ThinkPHP5.1完全开发手册 · 看云
关联使用百度编辑器文章:
php 接入 百度编辑器-CSDN博客