thinkphp5下百度富文本框UEditor的使用
1到官网下载 UEditor 最新版
2解压下载的包,将解压后的目录放到thinkphp public文件夹下
3. 引用时 html页面
<body>
<!-- 加载编辑器的容器 -->
<script id="container" name="content" type="text/plain">
这里写你的初始化内容
</script>
<!-- 配置文件 -->
<script type="text/javascript" src="ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="ueditor.all.js"></script>
<!-- 实例化编辑器 -->
<script type="text/javascript">
var ue = UE.getEditor("container");//对编辑器的操作最好在编辑器ready之后再做
ue.ready(function() {
//设置编辑器的内容
ue.setContent("hello");
//获取html内容,返回: <p>hello</p>
var html = ue.getContent();
//获取纯文本内容,返回: hello
var txt = ue.getContentTxt();
}); </script></body>4 存储数据库时 把html内容直接存到数据库结课
5.数据呈现时 引入
<script src="__STATIC__/Ueditor/ueditor.parse.js"></script>
文件 直接模板样式输出即可(注意 控制器传到模板的数据需要json话 如果为了减少出错率 可以直接ajax请求数据返回使用)
另:
官网下载的ueditor demo直接上传代码都会出错,根据错误链接一步一步追踪,发现错误代码出现在 ueditor/php/Uploader.class.php中
| 1 | //$this->stateMap["ERROR_TYPE_NOT_ALLOWED"] = iconv("unicode", "utf-8", $this->stateMap["ERROR_TYPE_NOT_ALLOWED"]); |
注释这行即可
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。
