Yii添加百度编辑器 ueditor 扩展例子

本文章来为各位给各位介绍一篇关于Yii添加百度编辑器 ueditor 扩展例子，希望这篇教程能够帮助到各位。

这是别人写的一个yii1的百度编辑器ueditor的扩展，站长我已经用在了自己的项目中，现在记录下用法和使用中出现的问题。

目录结构

baiduUeditor
|--resource //ueditor资源包
|--views //widget的视图
|--config.php //后端配置文件 包括文件格式 大小 目录 路径 文件名等等
|--UeditorController.php //后端主控制器 可以修改继承类为自定义的基类
|--UeditorWidget.php //widget主要渲染编辑器
|--Uploader.class.php //上传等主要处理类

使用

1、将baiduUeditor拷贝到protected/extensions/目录下
2、添加以下代码到config/main.php

'controllerMap'=>array(
'ueditor'=>array(
'class'=>'ext.baiduUeditor.UeditorController',
),
),

如果你想只在某个module里使用，请添加以下代码到modules/moduleName/moduleNameModule.php的init方法中

$this->controllerMap=array(
'ueditor'=>array(
'class'=>'ext.baiduUeditor.UeditorController',
),
);

在要显示编辑器的view中放置如下代码

$this->widget('ext.baiduUeditor.UeditorWidget',
array(
'id'=>'article_content',//容器的id 唯一的[必须配置]
'name'=>'content',//post到后台接收的name [必须配置]
'content'=>'',//初始化内容 [可选的]

//配置选项，[可选的]
//将ueditor的配置项以数组键值对的方式传入,具体查看ueditor.config.js
//不要配置serverUrl(即使配置也会被覆盖)程序会自动处理后端url
'config'=>array(
'toolbars'=>array(array('fullscreen', 'source', '|')),//toolbars注意是嵌套两个数组
'lang'=>'zh-cn'
)
)
);
按照上边的步奏，不出意外的话，编辑器肯定会显示在页面上。

问题：上传图片不能用会报，后端配置项没有正常加载，上传插件不能正常使用的错误。

解决方法：目录结构中有这个UeditorController.php文件，请将此文件放到你网站的controller目录下，因为上传图片最终会访问到此文件，我网站的访问路径是/admin/index.php?r=ueditor&action=config&&noCache=1464083990339，看到这个路径应该就明白了吧。不懂的在加群问我吧！群QQ：66357155

页面编码在php中我们可以使用head来进行申明了，下面我们就一起来看看PHP 页面编码声明方法详解(header或meta)，具体的如下介绍。

php的header来定义一个php页面为utf编码或GBK编码

php页面为utf编码
header("Content-type: text/html; charset=utf-8");

php页面为gbk编码
header("Content-type: text/html; charset=gb2312");

php页面为big5编码
header("Content-type: text/html; charset=big5");

通常情况以上代码放在php页面的首页

用header或meta实现PHP页面编码的区别
一、页面编码

1. 使用 标签设置页面编码

这个标签的作用是声明客户端的浏览器用什么字符集编码显示该页面，xxx可以为GB2312，GBK，UTF-8（和MySQL不同，MySQL是 UTF8）等等。因此，大部分页面可以采用这种方式来告诉浏览器显示这个页面的时候采用什么编码，这样才不会造成编码错误而产生乱码。但是有的时候我们会 发现有了这句还是不行，不管xxx是哪一种，浏览器采用的始终都是一种编码，这个情况我后面会谈到。

请注意，是属于html信息的，仅仅是一个声明，它起作用表明服务器已经把HTML信息传到了浏览器。

2. header(“content-type:text/html; charset=xxx”);

这个函数header()的作用是把括号里面的信息发到http标头。

如果括号里面的内容为文中所说那样，那作用和标签基本相同，大家对照第一个看发现字符都差不多的。但是不同的是如果有这段 函数，浏览器就会永远采用你所要求的xxx编码，绝对不会不听话，因此这个函数是很有用的。为什么会这样呢？那就得说说HTTPS标头和HTML信息的差 别了：

https标头是服务器以HTTP协议传送HTML信息到浏览器前所送出的字串。

因为meta标签是属于html信息的，所以header()发送的内容先到达浏览器，通俗点就是header()的优先级高于meta（不知道可 不可以这样讲）。加入一个php页面既有header(“content-type:text/html; charset=xxx”)，又有，浏览器就只认前者http标头而不认meta了。当然这个函数只能在php页面内使用。

同样也留有一个问题，为什么前者就绝对起作用，而后者有时候就不行呢？这就是接下来要谈的Apache的原因了。

3. AddDefaultCharset

Apache 根目录的 conf 文件夹里，有整个Apache的配置文档httpd.conf。

用文本编辑器打开httpd.conf，第708行（不同版本可能不同）有AddDefaultCharset xxx，xxx为编码名称。这行代码的意思：设置整个服务器内的网页文件https标头里的字符集为你默认的xxx字符集。有这行，就相当于给每个文件都 加了一行header(“content-type:text/html; charset=xxx”)。这下就明白为什么明明meta设置了是utf-8，可浏览器始终采用gb2312的原因。

如果网页里有header(“content-type:text/html; charset=xxx”)，就把默认的字符集改为你设置的字符集，所以这个函数永远有用。如果把AddDefaultCharset xxx前面加个“#”，注释掉这句，而且页面里不含header(“content-type…”)，那这个时候就轮到meta标签起作用了。

总结：

来个排序

header(“content-type:text/html; charset=xxx”)
AddDefaultCharset xxx

如果你是web程序员，给你的每个页面都加个header(“content-type:text/html; charset=xxx”)，保证它在任何服务器都能正确显示，可移植性强。

至于那句AddDefaultCharset xxx，要不要注释就仁者见仁了。反正我是注释掉了，不过我写页子也要写header()，便于放到服务器上能正常显示。

二、数据库编码

PHP 程序在查询数据库之前，首先执行 mysql_query(“SET NAMES xxxx”);其中 xxxx 是你网页的编码(charset=xxxx)，如果网页中 charset=utf8，则 xxxx=utf8，如果网页中 charset=gb2312，则xxxx=gb2312，几乎所有WEB程序，都有一段连接数据库的公共代码，放在一个文件里，在这文件里，加入 mysql_query(“set names”)就可以了。

SET NAMES 显示客户端发送的 SQL 语句中使用什么字符集。因此，SET NAMES ‘utf-8’语句告诉服务器“将来从这个客户端传来的信息采用字符集utf-8”。它还为服务器发送回客户端的结果指定了字符集。（例如，如果你使用一 个SELECT语句，它表示列值使用了什么字符集。）

PHP页面编码统一

MySQL数据库编码、html页面编码、PHP或html文件本身编码要全部一致。
　　1、MySQL数据库编码：建立数据库时指定编码（如gbk_chinese_ci)，建立数据表、建立字段、插入数据时不要指定编码，会自动继承数据库的编码。
数据库连接时，也有编码，可以在连接完数据库后，执行
mysql_query(‘SET NAMES gbk’);//将gbk换成你的编码，如utf8。

　　2、html页面的编码，指的是这一行的设置：
　　3、PHP或html文件本身的编码：用editplus打开php文件或html文件，另存时，选择的编码，如果数据库和页面编码是gbk,则这儿的编码选择ansi；如果数据库和页面编码是utf-8，则这儿也选择utf-8。

　　4、另外要注意的是，Javascript或Flash中传递的数据是utf-8编码，如果数据库和页面编码是gbk，要进行转码，然后写入数据库。
iconv(‘utf-8’, ‘gbk’, $content);

5、在PHP程序中，可以加上一行，来指定PHP源程序的编码：
header(‘Content-type: text/html; charset=gbk’);

在做房产开发时我们经常会要做计算器了，这个就有了我们下面的等额本息，等额本金算法了，下面来看一个用PHP等额本息，等额本金计算方式例子，具体如下所示。

最近做项目碰到了等额本金和等额本息的问题，若您不了解这两种方式 点这里看 否则直接跳过看代码，此代码也可以用于房贷计算器项目的开发。

等额本息计算公式：〔贷款本金×月利率×（1＋月利率）＾还款月数〕÷〔（1＋月利率）＾还款月数－1〕

等额本金计算公式：每月还款金额 = （贷款本金 ÷ 还款月数）+（本金 — 已归还本金累计额）×每月利率

其中＾符号表示乘方。

举例说明

假设以10000元为本金、在银行贷款10年、基准利率是6.65％，比较下两种贷款方式的差异：

等额本息还款法

月利率=年利率÷12=0.0665÷12=0.005541667
月还款本息=〔10000×0.005541667×（1＋0.005541667）＾120〕÷〔（1＋0.005541667）＾120－1〕=114.3127元
合计还款 13717.52元
合计利息 3717.52万元
181.4511278796992481203007518797 1.12502104984600E+271 1.005541667^120-1 0.9409241291

等额本金还款法 ：

每月还款金额 = （贷款本金÷还款月数）+（本金 — 已归还本金累计额）×每月利率
=（10000 ÷120）+（10000— 已归还本金累计额）×0.005541667
首月还款 138.75元 每月递减0.462元
合计还款 13352.71元
利息 3352.71元

等额本息

代码如下

复制代码

function debx() { $dkm     = 240; //贷款月数，20年就是240个月 $dkTotal = 10000; //贷款总额 $dknl    = 0.0515;  //贷款年利率 $emTotal = $dkTotal * $dknl / 12 * pow(1 + $dknl / 12, $dkm) / (pow(1 + $dknl / 12, $dkm) - 1); //每月还款金额 $lxTotal = 0; //总利息 for ($i = 0; $i < $dkm; $i++) { $lx      = $dkTotal * $dknl / 12;   //每月还款利息 $em      = $emTotal - $lx;  //每月还款本金 echo "第" . ($i + 1) . "期", " 本金:", $em, " 利息:" . $lx, " 总额:" . $emTotal, "<br />"; $dkTotal = $dkTotal - $em; $lxTotal = $lxTotal + $lx; } echo "总利息:" . $lxTotal; }

等额本金

代码如下	复制代码
function debj() { $dkm     = 240; //贷款月数，20年就是240个月 $dkTotal = 10000; //贷款总额 $dknl    = 0.0515;  //贷款年利率 $em      = $dkTotal / $dkm; //每个月还款本金 $lxTotal = 0; //总利息 for ($i = 0; $i < $dkm; $i++) { $lx      = $dkTotal * $dknl / 12; //每月还款利息 echo "第" . ($i + 1) . "期", " 本金:", $em, " 利息:" . $lx, " 总额:" . ($em + $lx), "<br />"; $dkTotal -= $em; $lxTotal = $lxTotal + $lx; } echo "总利息:" . $lxTotal; }

PHP中fwrite与file_put_contents在细节上在区别但在性能上file_put_contents更强大了，我们下面举例来对比一下吧。

相同点：file_put_contents() 函数把一个字符串写入文件中，与依次调用 fopen()，fwrite() 以及 fclose() 功能一样。

不同点：在file_put_contents()函数中使用 FILE_APPEND 可避免删除文件中已有的内容，即实现多次写入同一个文件时的追加功能。

例如：　

echo file_put_contents("test.txt","Hello World. Testing!",FILE_APPEND);

file_put_contents是以追加的形式将字符串写入到test.txt中，

fwrtie则是会清除之前的记录，只保留当前写入的内容

$file = fopen("test.txt","w");
echo fwrite($file,"Hello World. Testing!");
fclose($file);

file_put_contents代替fwrite优点多多

如下为file_put_contents的实例代码：

<?php
$filename = 'file.txt';
$word = "你好!\r\nwebkaka";  //双引号会换行 单引号不换行
file_put_contents($filename, $word);
?>

同样的功能使用fwrite的实例代码：

<?php
$filename = 'file.txt';
$word = "你好!\r\nwebkaka";  //双引号会换行  单引号不换行
$fh = fopen($filename, "w"); //w从开头写入 a追加写入
echo fwrite($fh, $word);
fclose($fh);
?>

从以上两个例子看出，其实file_put_contents是fopen、fwrite、fclose三合一的简化写法，这对程序代码的优化是有好处的，一方面在代码量上有所减少，另一方面不会出现fclose漏写的不严密代码，在调试、维护上方便很多。

上述例子里，file_put_contents是从头写入，如果要追加写入，怎么办呢？

在file_put_contents的语法里，有个参数FILE_APPEND，这是追加写入的声明。实例代码如下：

<?php
echo file_put_contents('file.txt', "This is another something.", FILE_APPEND);
?>

FILE_APPEND就是追加写入的声明。在追加写入时，为了避免其他人同时操作，往往需要锁定文件，这时需要加多一个LOCK_EX的声明，写法如下：

<?php
echo file_put_contents('file.txt', "This is another something.", FILE_APPEND|LOCK_EX);
?>

注意，以上代码中echo输出到显示器里的是写入文件字符串的长度。

常见问题：

Warning: fopen(file.txt) [function.fopen]: failed to open stream: Permission denied

当写入文件时，有时会遇到上述问题，这是因为文件没有写权限的原因。为了避免这个错误的出现，在写入文件时需要判断下文件是否可写，这需要用到is_writable()这个函数。实例代码如下：

<?php
$filename = 'file.txt';
if (is_writable($filename)) {
echo file_put_contents($filename, "This is another something.", FILE_APPEND);
} else {
    echo "文件 $filename 不可写";
}
?>

fwrite简单的把数据写到handler里面
file_put_contents可能需要处理contenxt，数据类型为mixed，需要更多处理
虽然看file_put_contents的函数说明:和依次调用 fopen()，fwrite() 以及 fclose() 功能一样。
但是肯定有细微差别的，尤其是在重复写入大量数据的时候，file_put_contents无疑会重复的fopen,fclose .而 fwrite则可以只一次fopen，fwrite即可

写个简单程序测试一下,一个250M文件

<!--
<?php
$len = 1024*1024*25;
$data = str_repeat(“-”,$len);

$start = microtime(true);
$fp = fopen(“/tmp/b”,”w”);
fwrite($fp,$data,$len);
fclose($fp);
$end = microtime(true);
echo “elipsed time:”.($end-$start).”\n”;

$start = microtime(true);
file_put_contents(“/tmp/a”,$data);
$end = microtime(true);
echo “elipsed time:”.($end-$start).”\n”;

silver@silver-desktop:~/php$ php fwrite_VS_file_put_contents.php
elipsed time:6.0958020687103
elipsed time:9.6280250549316
silver@silver-desktop:~/php$ php fwrite_VS_file_put_contents.php
elipsed time:6.247565984726
elipsed time:9.0449070930481
…
-->

结论：多次执行结果类试，说明fopen,fwrite,fclose方式比直接file_put_contents要快一点！

那么为什么呢? 查看源代码

我用的ubuntu12.04
直接sudo apt-get source php5
解压:silver@silver-desktop:~/php/php5-5.3.3

查找函数fwrite 函数:silver@silver-desktop:~/php/php5-5.3.3$ grep -rn “PHP_FUNCTION(fwrite)” .
./ext/standard/file.c:1233:PHPAPI PHP_FUNCTION(fwrite)
./ext/standard/file.h:43:PHPAPI PHP_FUNCTION(fwrite);

fwrite

找到对应源码，该函数非常简单:

<!--
PHP_FUNCTION(fwrite)
{
zval *arg1;
char *arg2;
int arg2len;
int ret;
int num_bytes;
long arg3 = 0;
char *buffer = NULL;
php_stream *stream;

if (zend_parse_parameters(ZEND_NUM_ARGS() TSRMLS_CC, “rs|l”, &arg1, &arg2, &arg2len, &arg3) == FAILURE) {
RETURN_FALSE;
}

if (ZEND_NUM_ARGS() == 2) {
num_bytes = arg2len;
} else {
num_bytes = MAX(0, MIN((int)arg3, arg2len));
}

if (!num_bytes) {
RETURN_LONG(0);
}

PHP_STREAM_TO_ZVAL(stream, &arg1);

if (PG(magic_quotes_runtime)) {
buffer = estrndup(arg2, num_bytes);
php_stripslashes(buffer, &num_bytes TSRMLS_CC);
}
ret = php_stream_write(stream, buffer ? buffer : arg2, num_bytes);
if (buffer) {
efree(buffer);
}

RETURN_LONG(ret);
}
-->

file_put_contents
该函数的处理操作就多多了

<!--
PHP_FUNCTION(file_put_contents)
{
php_stream *stream;
char *filename;
int filename_len;
zval *data;
int numbytes = 0;
long flags = 0;
zval *zcontext = NULL;
php_stream_context *context = NULL;
php_stream *srcstream = NULL;
char mode[3] = “wb”;

if (zend_parse_parameters(ZEND_NUM_ARGS() TSRMLS_CC, “sz/|lr!”, &filename, &filename_len, &data, &flags, &zcontext) == FAILURE) {
return;
}
if (Z_TYPE_P(data) == IS_RESOURCE) {
php_stream_from_zval(srcstream, &data);
}

context = php_stream_context_from_zval(zcontext, flags & PHP_FILE_NO_DEFAULT_CONTEXT);

if (flags & PHP_FILE_APPEND) {
mode[0] = ‘a’;
} else if (flags & LOCK_EX) {
/* check to make sure we are dealing with a regular file */
if (php_memnstr(filename, “://”, sizeof(“://”) – 1, filename + filename_len)) {
if (strncasecmp(filename, “file://”, sizeof(“file://”) – 1)) {
php_error_docref(NULL TSRMLS_CC, E_WARNING, “Exclusive locks may only be set for regular files”);
RETURN_FALSE;
}
}
mode[0] = ‘c’;
}
mode[2] = ‘\0′;

stream = php_stream_open_wrapper_ex(filename, mode, ((flags & PHP_FILE_USE_INCLUDE_PATH) ? USE_PATH : 0) | ENFORCE_SAFE_MODE | REPORT_ERRORS, NULL, context);
if (stream == NULL) {
RETURN_FALSE;
}
if (flags & LOCK_EX && (!php_stream_supports_lock(stream) || php_stream_lock(stream, LOCK_EX))) {
php_stream_close(stream);
php_error_docref(NULL TSRMLS_CC, E_WARNING, “Exclusive locks are not supported for this stream”);
RETURN_FALSE;
}

if (mode[0] == ‘c’) {
php_stream_truncate_set_size(stream, 0);
}

switch (Z_TYPE_P(data)) {
case IS_RESOURCE: {
size_t len;
if (php_stream_copy_to_stream_ex(srcstream, stream, PHP_STREAM_COPY_ALL, &len) != SUCCESS) {
numbytes = -1;
} else {
numbytes = len;
}
break;
}
case IS_NULL:
case IS_LONG:
case IS_DOUBLE:
case IS_BOOL:
case IS_CONSTANT:
convert_to_string_ex(&data);

case IS_STRING:
if (Z_STRLEN_P(data)) {
numbytes = php_stream_write(stream, Z_STRVAL_P(data), Z_STRLEN_P(data));
if (numbytes != Z_STRLEN_P(data)) {
php_error_docref(NULL TSRMLS_CC, E_WARNING, “Only %d of %d bytes written, possibly out of free disk space”, numbytes, Z_STRLEN_P(data));
numbytes = -1;
}
}
break;

case IS_ARRAY:
if (zend_hash_num_elements(Z_ARRVAL_P(data))) {
int bytes_written;
zval **tmp;
HashPosition pos;

zend_hash_internal_pointer_reset_ex(Z_ARRVAL_P(data), &pos);
while (zend_hash_get_current_data_ex(Z_ARRVAL_P(data), (void **) &tmp, &pos) == SUCCESS) {
if (Z_TYPE_PP(tmp) != IS_STRING) {
SEPARATE_ZVAL(tmp);
convert_to_string(*tmp);
}
if (Z_STRLEN_PP(tmp)) {
numbytes += Z_STRLEN_PP(tmp);
bytes_written = php_stream_write(stream, Z_STRVAL_PP(tmp), Z_STRLEN_PP(tmp));
if (bytes_written < 0 || bytes_written != Z_STRLEN_PP(tmp)) {
if (bytes_written < 0) {
php_error_docref(NULL TSRMLS_CC, E_WARNING, “Failed to write %d bytes to %s”, Z_STRLEN_PP(tmp), filename);

} else {
php_error_docref(NULL TSRMLS_CC, E_WARNING, “Only %d of %d bytes written, possibly out of free disk space”, bytes_written, Z_STRLEN_PP(tmp));
}
numbytes = -1;
break;
}
}
zend_hash_move_forward_ex(Z_ARRVAL_P(data), &pos);
}
}
break;

case IS_OBJECT:
if (Z_OBJ_HT_P(data) != NULL) {
zval out;
//看看对像怎么保存的:)
if (zend_std_cast_object_tostring(data, &out, IS_STRING TSRMLS_CC) == SUCCESS) {
numbytes = php_stream_write(stream, Z_STRVAL(out), Z_STRLEN(out));
if (numbytes != Z_STRLEN(out)) {
php_error_docref(NULL TSRMLS_CC, E_WARNING, “Only %d of %d bytes written, possibly out of free disk space”, numbytes, Z_STRLEN(out));
numbytes = -1;
}
zval_dtor(&out);
break;
}
}
default:
numbytes = -1;
break;
}
php_stream_close(stream);

if (numbytes < 0) {
RETURN_FALSE;
}

RETURN_LONG(numbytes);
}
-->

什么时候用fwrite,file_put_contents ?

1，函数原型已经说明了它们处理的数据类型不一样
2，简单的文件处理，追求速度用fwrite
3，书写简单用file_put_contents – (啥类型的数据都能处理，magic阿。但是要理解类型判断机制，否则保存的数据可能不是你想要的）

xdebug可以调试程序出错时的错误代码行数及错误代码细节了，我们下面来看一篇phpstorm+xdebug远程调试服务器PHP代码的教程，具体的如下。

phpstorm+xdebug如何调试本地代码，代码应该都熟悉了。本文说的是如何调试线上服务器的代码。我的PHP环境是lnmp1.2。

安装xdebug

在服务器上执行

pecl install xdebug
就会安装好xdebug.so模块。

编辑配置

编辑 /usr/local/php/etc/php.ini 在末尾加上以下代码：

[Xdebug]
zend_extension="xdebug.so"
xdebug.remote_enable=1
xdebug.remote_handler=dbgp
xdebug.remote_host=你本地的公网IP
xdebug.remote_port=9000
xdebug.remote_autostart=1
xdebug.idekey="PHPSTORM"

更改完毕后在终端执行

lnmp php-fpm reload

服务器的配置到此为止。接下来看IDE的配置。

配置Server

打开Settings=>Languages & Frameworks=>PHP=>Servers

红框中的信息都是线上服务器的信息。

配置DBGp Proxy

打开Settings=>Languages & Frameworks=>PHP=>Debug=>DBGp Proxy

其中红框处需要和服务器的xdebug配置文件一致。

路由端口映射

由于大部分朋友公司都有路由器的，所以本机IP是局域网IP，这里需要将路由器的端口映射到本地。具体规则如下：

服务器Xdebug端口=>本地端口，笔者这里把路由器的9000端口映射到本地的9000端口。

开始调试

打开项目的运行配置，选择“PHP Web Application”

笔者服务器这里是https的，所以加了https，各位读者请根据实际情况填写网址。

点击IDE的“电话”图标开启远程监听。

打开代码，在如图位置断点

点击“瓢虫”图标，

IDE下方已经可以检测到调试了。