牛骨文教育服务平台(让学习变的简单)
博文笔记

thinkphp5下百度富文本框UEditor的使用

创建时间:2018-03-20 投稿人: 浏览次数:646

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"]);

注释这行即可

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。