第1课：初识ueditor

我们平时浏览的很多网站：如学校网站、企业门户网站，还有论坛、博客，大部分都是使用PHP开发的。

开发这类网站，企业一般使用比较成熟的框架，如dedecms，帝国cms等，这类框架开源，但更新慢，漏洞较多，容易受黑客攻击。

使用thinkphp5也能开发这类网站，比较有名的框架就是thinkcmf

今天 我们要使用thinkphp5完成新闻发布系统中最简单的功能：新闻内容的添加和显示

一条新闻主要包含的数据有：标题、内容（图文混合）、发布者、发布时间、关键字、所属栏目等信息。

新闻发布最大的困难：就是如何编辑图文混合的新闻内容

富文本编辑器（ueditor）官方网站：http://ueditor.baidu.com/website/index.html

首先下载ueditor，http://ueditor.baidu.com/website/download.html#ueditor

下载版本选择：[1.4.3.3 PHP 版本]  UTF-8版  

暂时脱离thinkphp的环境，开始练习ueditor的使用

在web目录下解压安装包，目录如下：

运行index.html文件，在浏览器地址栏中输入：http://127.0.0.1/utf8-php/index.html

正常的网页显示如下：

中间的区域可以编辑文本内容，也可以插入图片

 

编辑器中插入的图片会自动的上传到服务器端，图片存放的路径默认在：/ueditor/php/upload/image目录，我们可以改变存放的路径，打开php目录下的config.json文件，

在config.json文件中，其中 imagePathFormat， scrawlPathFormat，snapscreenPathFormat，catcherPathFormat 对应的值就是图片保存在服务器上的路径，我们可以改写这些路径。