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

时间: 2024-09-14 13:31:25

Yii添加百度编辑器 ueditor 扩展例子的相关文章

ASP.NET中集成百度编辑器UEditor

  本文给大家讲解的是如何在ASP.NET中集成百度编辑器UEditor的方法和具体的步奏,十分的详细,有需要的小伙伴可以参考下. 0.ueditor简介 UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器,具有轻量.可定制.用户体验优秀等特点.开源基于BSD协议,所有源代码在协议允许范围内可自由修改和使用. UEditor官网:http://ueditor.baidu.com/website/index.html UEditor官方文档地址: http://fex.bai

百度编辑器ueditor前台代码高亮无法自动换行解决方法

 这两天本站成功安装整合了百度编辑器ueditor,用着还挺不错,但是遇到了点小问题 问题描述:   在内容里面插入代码高亮显示,后台编辑器中是可以自动换行的,但是发表后,在前台查看,发现代码不能自动换行,直接超出了内容页的边界,极不美观,虽然复制是可以完整的.   解决办法:   找到高亮代码显示的css文件  /e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css   具体的路径根据你的uedito

百度编辑器 Ueditor 如何增加模板 ?

问题描述 百度编辑器Ueditor确实是相当不错的编辑器,但是它也有不足之处,比如模板,我如果要发布图片类型的内容时,如果能有多图片的模板,那么在做网站时就不需要再弄图片模板了,直接发布出来那有多好!哪位大侠弄过,说说呗!求求您了 解决方案 解决方案二:自己写个简单的模板功能好了,指定一下图片,直接将格式赋值给编辑器.解决方案三:这个比较简单首先你在编辑器里定义模板然后把所有的html存到数据库里比如idtitlecontent1XX新闻<div>..........</div>然

非常完整 PHPCMS v9整合百度编辑器UEditor步骤

所有写文章的乐趣会被一个蹩脚的ckeditor打消,PC论坛多次呼声官方替换默认的编辑器为UEditor,但是至今没下文,百度一大堆整合1.2几版的,基于程序员的用新版的强迫症,还是觉得自己搞一搞. 具体记录如下,并不定期更新. 在此之前的教程可能不适用最新版本的百度编辑器,他多次升级很多地方也改了,包括一些主要js文件名,所有看准了下手.  1.下载官方的最新版的,我这里使用的是UEditor 1.4.2 php版的,下载本地后解压,新建一个目录uediter (ps:一定得是这个名称吗,最好

百度编辑器ueditor的初始化调用设置

用百度编辑器一段时间了,感觉非常不错.对比著名的ckeditor来说,我觉得百度编辑器更好用.百度编辑器界面清新,功能定制方便,排版也很好,并且能支持图片上传,附件上传,还可以高亮显示编程语言代码,总之感觉还是挺不错的. 而它的使用也很简单. 下载最新的[1.2.6.1 PHP 版本],解压到你站点合适的目录. 调用方法:  代码如下 复制代码 <html> <head> <meta http-equiv="Content-Type" content=&q

百度编辑器UEditor ASP.NET示例Demo

在百度编辑器示例代码基础上进行了修改,封装成类库,只需简单配置即可使用. 完整demo下载

百度编辑器ueditor的简单使用

    最近刚被分配了以个消息发布的任务,其中用到了富文本编辑器.以前也用过,不过这次我选择的是百度富文本编辑器ueditor1_4_3-utf8-jsp版的.     其实看ueditor功能很强大,不过百度的设计还是很不错的.只需要稍微配置一下就可以用了.     首先下载到 ueditor1_4_3-utf8-jsp.rar,连接地址是:http://ueditor.baidu.com/website/.我选择的是utf-8版本的.     解压以后整体拷贝到java web项目的网页根目

免费开源百度编辑器(UEditor)使用方法_网页编辑器

UEditor效果图 一.简介 UEditor是一个开源免费的编辑器,由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于BSD协议,允许自由使用和修改代码. 官方网站:http://ueditor.baidu.com/ 二.下载地址 官方下载:http://ueditor.baidu.com/website/download.html 官网上下载完整源码包,解压到任意目录,解压后的源码目录结构如下所示:    _examples:编辑器完整版的

百度ueditor编辑器部署ASP网站错误:百度编辑器ueditor部署服务器,浏览网页用户无法上传文件。

问题描述 报错信息:(本地能上传文件)--百度ueditor编辑器部署ASP网站错误POSThttp://www.by96.com/admin/ueditor/asp/controller.asp?action=uploadfile&encode=utf-8500(InternalServerError)webuploader.min.js:2b.register.sendwebuploader.min.js:2d.execwebuploader.min.js:1execwebuploader.