Yii添加富文本编辑器
来源:互联网 发布:怎么打开淘宝网址链接 编辑:程序博客网 时间:2024/05/13 09:52
本文转载自[打开链接](http://blog.csdn.net/u012063507/article/details/56840072)
4. 增加extensions/ueditor, 目录结构如下:
1. 下载Ueditor (http://ueditor.baidu.com/website/)
2. 解压后,放到新建的widget/ueditor目录下;
3. 可以看到ueditor下新建了Ueditor.php文件,作为widget的运行程序:
<?php/** * YiifCMS Ueditor Widget * * @author Sim <326196998@qq.com> * @copyright Copyright (c) 2007-2013 bagesoft. All rights reserved. * @link http://www.yiifcms.com * @package YiiCMS.Widget * @license http://www.yiifcms.com/license * @version v1.0.0 * @example $this->widget('application.widget.ueditor.Ueditor', * array('htmlOptions'=> * array( * 'id'=>'Post_content',//页面中输入框(或其他初始化容器)的ID * 'name'=>'editor',//指定ueditor实例的名称,个页面有多个ueditor实例时使用 * 'config'=> array( * 'initialFrameHeight'=>'400', * 'initialFrameWidth'=>'80%', * ), * ) * ) * ); */class Ueditor extends CInputWidget{ public $language = 'zh-cn'; /** * 获取资源文件路径 * * @return [type] [description] */ public function getAssetsPath() { $baseDir = dirname( __FILE__ ); return Yii::app()->getAssetManager()->publish( $baseDir.DIRECTORY_SEPARATOR.'assets' ); } /** * 生成编辑器 * * @return [type] [description] */ public function makeOptions() { $id = $this->htmlOptions['id']; $name = $this->htmlOptions['name']; $config = $this->htmlOptions['config']; $systemDefault = $this->combineParams( $config ); $script = " var {$name} = UE.getEditor('".$id."', { 'serverUrl': '".Yii::app()->createUrl('/admin/ueditor')."', $systemDefault } );"; return $script; } /** * 组合参数 * * @param [type] $items [description] * @return [type] [description] */ protected function combineParams( $items ) { $script = ''; foreach ( (array)$items as $key => $item ) { if ( is_array( $item ) ) { if ( self::_checkType( $item ) == 'arr' ) { $script .= $dot .self::_arr( $key, $item ); }else { $script .= $dot .self::_obj($key, $item); } } else { $script .= $dot ."'$key':'$item' "; } $dot = ",\n"; } return $script; } /** * 检测类型 */ protected function _checkType( $var ) { if ( gettype( $var ) == 'array' ) return 'arr'; else return 'obj'; } /** * 对象 */ protected function _obj( $key, $item) { $script .= $dot ."'$key':{"; $subDot = ''; foreach ( $item as $keys=>$value ) { $arrkeys = array_keys($value); foreach($arrkeys as $row){ $script .= $subDot. "'$row':'{$value[$row]}'"; } $subDot = ","; } $script .="}"; return $script; } /** * 数组 */ protected function _arr( $key, $item ) { $script .= $dot ."'$key':["; $subDot = ''; foreach ( $item as $value ) { $script .= $subDot. "'$value' "; $subDot = ","; } $script .="]"; return $script; } /** * 运行 */ public function run() { parent::run(); $assets = $this->getAssetsPath(); $clientScript = Yii::app()->getClientScript(); $clientScript->registerScriptFile( $assets.'/ueditor.config.js', CClientScript::POS_END ); $clientScript->registerScriptFile( $assets.'/ueditor.all.min.js', CClientScript::POS_END ); $clientScript->registerScriptFile( $assets.'/lang/'.$this->language.'/'.$this->language.'.js', CClientScript::POS_END ); $clientScript->registerScript( 'content', $this->makeOptions(), CClientScript::POS_END ); }}?>
4. 增加extensions/ueditor, 目录结构如下:
UeditorUploader.class.php文件:
<?php/** * Created by JetBrains PhpStorm. * User: taoqili * Date: 12-7-18 * Time: 上午11: 32 * UEditor编辑器通用上传类 */class UeditorUploader{ private $fileField; //文件域名 private $file; //文件上传对象 private $base64; //文件上传对象 private $config; //配置信息 private $oriName; //原始文件名 private $fileName; //新文件名 private $fullName; //完整文件名,即从当前配置目录开始的URL private $filePath; //完整文件名,即从当前配置目录开始的URL private $fileSize; //文件大小 private $fileType; //文件类型 private $stateInfo; //上传状态信息, private $stateMap = array( //上传状态映射表,国际化用户需考虑此处数据的国际化 "SUCCESS", //上传成功标记,在UEditor中内不可改变,否则flash判断会出错 "文件大小超出 upload_max_filesize 限制", "文件大小超出 MAX_FILE_SIZE 限制", "文件未被完整上传", "没有文件被上传", "上传文件为空", "ERROR_TMP_FILE" => "临时文件错误", "ERROR_TMP_FILE_NOT_FOUND" => "找不到临时文件", "ERROR_SIZE_EXCEED" => "文件大小超出网站限制", "ERROR_TYPE_NOT_ALLOWED" => "文件类型不允许", "ERROR_CREATE_DIR" => "目录创建失败", "ERROR_DIR_NOT_WRITEABLE" => "目录没有写权限", "ERROR_FILE_MOVE" => "文件保存时出错", "ERROR_FILE_NOT_FOUND" => "找不到上传文件", "ERROR_WRITE_CONTENT" => "写入文件内容错误", "ERROR_UNKNOWN" => "未知错误", "ERROR_DEAD_LINK" => "链接不可用", "ERROR_HTTP_LINK" => "链接不是http链接", "ERROR_HTTP_CONTENTTYPE" => "链接contentType不正确" ); /** * 构造函数 * @param string $fileField 表单名称 * @param array $config 配置项 * @param bool $base64 是否解析base64编码,可省略。若开启,则$fileField代表的是base64编码的字符串表单名 */ public function __construct($fileField, $config, $type = "upload") { $this->fileField = $fileField; $this->config = $config; $this->type = $type; if ($type == "remote") { $this->saveRemote(); } else if($type == "base64") { $this->upBase64(); } else { $this->upFile(); } $this->stateMap['ERROR_TYPE_NOT_ALLOWED'] = iconv('unicode', 'utf-8', $this->stateMap['ERROR_TYPE_NOT_ALLOWED']); } /** * 上传文件的主处理方法 * @return mixed */ private function upFile() { $file = $this->file = $_FILES[$this->fileField]; if (!$file) { $this->stateInfo = $this->getStateInfo("ERROR_FILE_NOT_FOUND"); return; } if ($this->file['error']) { $this->stateInfo = $this->getStateInfo($file['error']); return; } else if (!file_exists($file['tmp_name'])) { $this->stateInfo = $this->getStateInfo("ERROR_TMP_FILE_NOT_FOUND"); return; } else if (!is_uploaded_file($file['tmp_name'])) { $this->stateInfo = $this->getStateInfo("ERROR_TMPFILE"); return; } $this->oriName = $file['name']; $this->fileSize = $file['size']; $this->fileType = $this->getFileExt(); $this->fullName = $this->getFullName(); $this->filePath = $this->getFilePath(); $this->fileName = $this->getFileName(); $dirname = dirname($this->filePath); //检查文件大小是否超出限制 if (!$this->checkSize()) { $this->stateInfo = $this->getStateInfo("ERROR_SIZE_EXCEED"); return; } //检查是否不允许的文件格式 if (!$this->checkType()) { $this->stateInfo = $this->getStateInfo("ERROR_TYPE_NOT_ALLOWED"); return; } //创建目录失败 if (!file_exists($dirname) && !mkdir($dirname, 0777, true)) { $this->stateInfo = $this->getStateInfo("ERROR_CREATE_DIR"); return; } else if (!is_writeable($dirname)) { $this->stateInfo = $this->getStateInfo("ERROR_DIR_NOT_WRITEABLE"); return; } //移动文件 if (!(move_uploaded_file($file["tmp_name"], $this->filePath) && file_exists($this->filePath))) { //移动失败 $this->stateInfo = $this->getStateInfo("ERROR_FILE_MOVE"); } else { //移动成功 $this->stateInfo = $this->stateMap[0]; } } /** * 处理base64编码的图片上传 * @return mixed */ private function upBase64() { $base64Data = $_POST[$this->fileField]; $img = base64_decode($base64Data); $this->oriName = $this->config['oriName']; $this->fileSize = strlen($img); $this->fileType = $this->getFileExt(); $this->fullName = $this->getFullName(); $this->filePath = $this->getFilePath(); $this->fileName = $this->getFileName(); $dirname = dirname($this->filePath); //检查文件大小是否超出限制 if (!$this->checkSize()) { $this->stateInfo = $this->getStateInfo("ERROR_SIZE_EXCEED"); return; } //创建目录失败 if (!file_exists($dirname) && !mkdir($dirname, 0777, true)) { $this->stateInfo = $this->getStateInfo("ERROR_CREATE_DIR"); return; } else if (!is_writeable($dirname)) { $this->stateInfo = $this->getStateInfo("ERROR_DIR_NOT_WRITEABLE"); return; } //移动文件 if (!(file_put_contents($this->filePath, $img) && file_exists($this->filePath))) { //移动失败 $this->stateInfo = $this->getStateInfo("ERROR_WRITE_CONTENT"); } else { //移动成功 $this->stateInfo = $this->stateMap[0]; } } /** * 拉取远程图片 * @return mixed */ private function saveRemote() { $imgUrl = htmlspecialchars($this->fileField); $imgUrl = str_replace("&", "&", $imgUrl); //http开头验证 if (strpos($imgUrl, "http") !== 0) { $this->stateInfo = $this->getStateInfo("ERROR_HTTP_LINK"); return; } //获取请求头并检测死链 $heads = get_headers($imgUrl); if (!(stristr($heads[0], "200") && stristr($heads[0], "OK"))) { $this->stateInfo = $this->getStateInfo("ERROR_DEAD_LINK"); return; } //格式验证(扩展名验证和Content-Type验证) $fileType = strtolower(strrchr($imgUrl, '.')); if (!in_array($fileType, $this->config['allowFiles']) || stristr($heads['Content-Type'], "image")) { $this->stateInfo = $this->getStateInfo("ERROR_HTTP_CONTENTTYPE"); return; } //打开输出缓冲区并获取远程图片 ob_start(); $context = stream_context_create( array('http' => array( 'follow_location' => false // don't follow redirects )) ); readfile($imgUrl, false, $context); $img = ob_get_contents(); ob_end_clean(); preg_match("/[\/]([^\/]*)[\.]?[^\.\/]*$/", $imgUrl, $m); $this->oriName = $m ? $m[1]:""; $this->fileSize = strlen($img); $this->fileType = $this->getFileExt(); $this->fullName = $this->getFullName(); $this->filePath = $this->getFilePath(); $this->fileName = $this->getFileName(); $dirname = dirname($this->filePath); //检查文件大小是否超出限制 if (!$this->checkSize()) { $this->stateInfo = $this->getStateInfo("ERROR_SIZE_EXCEED"); return; } //创建目录失败 if (!file_exists($dirname) && !mkdir($dirname, 0777, true)) { $this->stateInfo = $this->getStateInfo("ERROR_CREATE_DIR"); return; } else if (!Helper::is_writeable($dirname)) { $this->stateInfo = $this->getStateInfo("ERROR_DIR_NOT_WRITEABLE"); return; } //移动文件 if (!(file_put_contents($this->filePath, $img) && file_exists($this->filePath))) { //移动失败 $this->stateInfo = $this->getStateInfo("ERROR_WRITE_CONTENT"); } else { //移动成功 $this->stateInfo = $this->stateMap[0]; } } /** * 上传错误检查 * @param $errCode * @return string */ private function getStateInfo($errCode) { return !$this->stateMap[$errCode] ? $this->stateMap["ERROR_UNKNOWN"] : $this->stateMap[$errCode]; } /** * 获取文件扩展名 * @return string */ private function getFileExt() { return strtolower(strrchr($this->oriName, '.')); } /** * 重命名文件 * @return string */ private function getFullName() { //替换日期事件 $t = time(); $d = explode('-', date("Y-y-m-d-H-i-s")); $format = $this->config["pathFormat"]; $format = str_replace("{yyyy}", $d[0], $format); $format = str_replace("{yy}", $d[1], $format); $format = str_replace("{mm}", $d[2], $format); $format = str_replace("{dd}", $d[3], $format); $format = str_replace("{hh}", $d[4], $format); $format = str_replace("{ii}", $d[5], $format); $format = str_replace("{ss}", $d[6], $format); $format = str_replace("{time}", $t, $format); //过滤文件名的非法自负,并替换文件名 $oriName = substr($this->oriName, 0, strrpos($this->oriName, '.')); $oriName = preg_replace("/[\|\?\&amp;amp;amp;amp;amp;quot;\&amp;amp;amp;amp;amp;lt;\&amp;amp;amp;amp;amp;gt;\/\*\\\\]+/", '', $oriName); $format = str_replace("{filename}", $oriName, $format); //替换随机字符串 $randNum = rand(1, 10000000000) . rand(1, 10000000000); if (preg_match("/\{rand\:([\d]*)\}/i", $format, $matches)) { $format = preg_replace("/\{rand\:[\d]*\}/i", substr($randNum, 0, $matches[1]), $format); } $ext = $this->getFileExt(); return $format . $ext; } /** * 获取文件名 * @return string */ private function getFileName () { return substr($this->filePath, strrpos($this->filePath, '/') + 1); } /** * 获取文件完整路径 * @return string */ private function getFilePath() { $fullname = $this->fullName; $rootPath = $_SERVER['DOCUMENT_ROOT']; if (substr($fullname, 0, 1) != '/') { $fullname = '/' . $fullname; } return $rootPath . $fullname; } /** * 文件类型检测 * @return bool */ private function checkType() { return in_array($this->getFileExt(), $this->config["allowFiles"]); } /** * 文件大小检测 * @return bool */ private function checkSize() { return $this->fileSize <= ($this->config["maxSize"]); } /** * 获取当前上传成功文件的各项信息 * @return array */ public function getFileInfo() { return array( "state" => $this->stateInfo, "url" => $this->fullName, "title" => $this->fileName, "original" => $this->oriName, "type" => $this->fileType, "size" => $this->fileSize ); }}然后在模板页调用,
<?php $this->widget('ext.ueditor.Ueditor', array( 'getId'=>'UpHoleInfos_solutions', //输入框的ID号 'UEDITOR_HOME_URL'=>"/", 'options'=>'toolbars:[["fontfamily","fontsize","forecolor","bold","italic","strikethrough","|", "insertunorderedlist","insertorderedlist","blockquote","|", "link","unlink","highlightcode","|","undo","redo","source"]], wordCount:false, elementPathEnabled:false, imagePath:"/attachment/ueditor/", ', )); ?>其中options的toolbars属性设置工具栏上的功能和下拉框,该属性在editor_config.js文件中中可以查看:
若采用如下代码,则默认会展示全部的富文本编辑属性:
<?php $this->widget('application.widget.ueditor.Ueditor', array(‘getId’=>'UpHoleInfos_solutions', 'htmlOptions'=> array( 'name'=>'editor',//指定ueditor实例的名称,个页面有多个ueditor实例时使用 'config'=> array( 'initialFrameHeight'=>'400', 'initialFrameWidth'=>'80%', ), ) ) ); ?>
0 0
- Yii添加富文本编辑器
- Yii::2.0 使用富文本编辑器教程
- django添加富文本编辑器
- 为Django添加富文本编辑器TinyMCE
- Django Admin:添加富文本编辑器kindeditor
- Django Admin:添加富文本编辑器kindeditor
- 网站后台添加富文本编辑器
- Django如何添加富文本编辑器?
- Django添加富文本编辑器kindeditor
- 网站后台添加富文本编辑器
- drupal 7 添加富文本编辑器及上传图像
- [django1.4] admin中添加富文本编辑器tinymce
- 在页面中添加一个富文本编辑器kindeditor
- 在 Django Model 中添加富文本编辑器 CKEditor
- 富文本编辑器
- 富文本编辑器
- Web富文本编辑器
- Flex富文本编辑器
- 单向链表反转(倒置)问题
- Android开发之深入理解Android 7.0系统权限更改相关文档
- 求日期的前一天
- 减小C语言生成的执行文件大小的方法(嵌入式)
- Linux运维第二十一讲
- Yii添加富文本编辑器
- 编动态链接库时,提示 对‘dlopen’未定义的引用.该如何解决
- 算法之并查集 C语言实现1
- 【大话数据结构】——-数据结构概述
- 解决php读取路径问题
- 行内元素和块元素的区别
- 【十大经典数据挖掘算法】系列
- 第一个Servlet程序
- UVa 1146 Now or Later (2-SAT)