本文章来为各位给各位介绍一篇关于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

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

ドリームウィーバー CS6
ビジュアル Web 開発ツール

Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

WebStorm Mac版
便利なJavaScript開発ツール
