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

ThinkPHP3.2.3配置UEditor。

创建时间:2015-08-13 投稿人: 浏览次数:113

其实配置起来还是蛮简单的!

1.下载 UEditor

http://ueditor.baidu.com/website/download.html

2.配置

解压到你的站点下任意目录,解压下载的包,在解压后的目录创建 demo.html 文件,填入下面的html代码

<!DOCTYPE HTML>
<html lang="en-US">

<head>
    <meta charset="UTF-8">
    <title>ueditor demo</title>
</head>

<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");
    </script>
</body>

</html>

然后访问demo.html就可以看到文本编辑器了。其它配置可以查看官方的API来进行配置。


说一些自己遇到的问题,因为第一次使用UEditor,以为下载下来需要配置,所以直奔ueditor.config.js 当时也没多想,直接用WIN记事本打开的,就因为这个行为,造成很大的麻烦,自己改来改去的,只要一改编辑器就不能用了....然后重新复制来一个配置就可以继续使用!后来明白来是因数用记事本修改配置项造成的!其实什么都不用改就可以使用....这个是真的。


另外上传图片、视频等文件的路径需要自己修改一下,改成/web站点目录/ueupload/..........XXXX 后边的什么不要动就可以了。


还有一个比较诡异的问题。就是HTML内容存到MySql里之后,再从数据库里读出的时候会出现下边这种情况:



就是说UEditor加载HTML数据读出来之后直接显示HTML代码了,这个很烦人哈!弄了很长时间都没有搞定,网上搜了一下也没有找到解决方法,后来在ThinkPHP官方网站查找了好半天,有一个大侠在一个回复中解答了一下,解决方法如下:

 <!-- 加载编辑器的容器 -->
    <script id="container" name="content" type="text/plain">
        这里写你的初始化内容
    </script>

把这段代码换成:

<textarea id="container"  class="edui-default">这里加载你的HTML数据</textarea>

我晕,原来还可以用textarea....反正问题解决了,希望遇到这个问题的朋友不要再走弯路了。
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。