yii1 集成百度编辑器editor

荆兆峰发布于2019-07-01 12:25 / 708人阅读

摘要：搜索，在上面增加一行修改后如下图，点击保存编辑搜索没有权限，把图上这两行注释掉没有权限如果不注释的话，如果用户没有登录，会提示没有权限。当然，如果你的需求，都是登陆后进行的操作的话。可以上传图片支持一个页面多个编辑器完毕参照文档

1：下载yii框架的ueditor 插件，yii 版本 1.1 ，ueditor 对应版本 1.4.3

下载地址：https://github.com/mojifan/yi...

2：放到yii 插件目录，protected/extensions/，目录结构如下图所示

3：修改配置文件，一般是config/main.php,增加配置项

请注意，是一级数组，不要放到二级数组 components 元素下面

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

                 )
        )

4：默认情况下，上传图片，存放目录是/upload,没有的话，新建目录，并赋予写入权限

5：编辑ueditorWidget.php

如果不修改的话，上传图片可能会异常。

搜索 $this->config["serverUrl"]=$this->serverUrl;，在上面增加一行

$this->config=require("config.php");
修改后如下图，点击保存

6：编辑 UeditorController.php

搜索“没有权限”，把图上这两行注释掉

//            echo json_encode(array("state"=>"没有权限"));
//            Yii::app()->end();

如果不注释的话，如果用户没有登录，会提示没有权限。

当然，如果你的需求，都是登陆后进行的操作的话。这一步可以省略。

7：编写测试代码，编写控制器

控制器代码

public functionactionPost()
{
  if(Yii::app()->request->isPostRequest)

{

         var_dump($_POST);

          exit("post submit");

}
$this->render("post");
}

8：编写view 层

$this->widget("ext.baiduUeditor.UeditorWidget",
array(
"id"=>"article_content2",//容器的id 唯一的[必须配置]
"name"=>"content2",//post到后台接收的name [必须配置]
"content"=>"sdfsdf",//初始化内容 [可选的]
//配置选项，[可选的]
//将ueditor的配置项以数组键值对的方式传入,具体查看ueditor.config.js
//不要配置serverUrl(即使配置也会被覆盖)程序会自动处理后端url
"config"=>array(
//"toolbars"=>array(array("fullscreen", "source",
"|")),//toolbars注意是嵌套两个数组
"lang"=>"zh-cn"
)
)
);
?>

9：最后运行效果，如下图。

初步测试完毕。

1：可以上传图片

2：支持一个页面多个编辑器

完毕！

参照文档：

http://www.yiichina.com/exten...

云服务器 GPU云服务器百度编辑器ueditor 百度编辑器java版百度编辑器 asp版 yii2百度编辑器

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/30701.html

基于 Vue 的移动端富文本编辑器 vue-quill-editor 实战

摘要：优秀的富文本编辑器有很多，比如，等，但并不是每个都能在移动端有很好的表现。是百度的老牌富文本编辑器，但界面有一股上世纪的感觉，官网最新的一条动态停留在。优秀的富文本编辑器有很多，比如：UEditor，wangEditor 等，但并不是每个都能在移动端有很好的表现。我们暂且不讨论移动端是否真的需要富文本，既然有这需求，就把它实现出来。失败的尝试正确的选择是成功的开始，开发之前肯定要做一些...

wing324 2019-05-27 17:41 评论0 收藏0
Laravel 框架引入 markdown 编辑器

摘要：我们来使用下依旧是头部引入首先，在类头部，添加引用然后，调用我们的方法就行啦直接把需要转换的做为参数传递进去我是语法结果为我是语法引入 markdown 编辑器packages 1.首先在 composer.json 的 require 里面加入以下内容 yuanchao/laravel-5-markdown-editor: dev-master 2.添加完成后，执行 compos...

PascalXie 2019-07-01 12:35 评论0 收藏0
Laravel5-Markdown-Editor 在线编辑器

摘要：是基于封装的在线编辑器，支持项目。已集成本地七牛云阿里云文件存储。更新记录完成在线编辑器主程序，且集成本地七牛阿里云存储。 Laravel5-Markdown-Editor Laravel5-Markdown-Editor 是基于 editor.md 封装的 Markdown 在线编辑器，支持 Laravel5 项目。已集成本地、七牛云、阿里云文件存储。更新记录 2017-11-09...

MoAir 2019-06-28 14:14 评论0 收藏0
Laravel5 Markdown 编辑器使用教程

摘要：编辑器使用教程月号发布的这个扩展，好多朋友使用起来有一些问题，好吧，都怪我安装使用说明写的不清楚今天给大家补一篇详细的安装说明文档项目地址求求求求求此处省略一万字功能图片上传语法解析为编辑器该有的功能都有还有谁还有谁预览安装在的里面加 laravel 5 Markdown 编辑器使用教程 5月18号发布的这个扩展，好多朋友使用起来有一些问题，好吧，都怪我安装使用说明写的不清楚└(^o...

qylost 2019-07-01 12:12 评论0 收藏0
React中使用UEditor

摘要：前言本文将介绍笔者在的项目中使用百度的富文本编辑器的过程。以百度官网的为例，控制台输入为该编辑器注册点击事件，当点击加粗按钮时，控制台输出为了避免点击工具条时触发事件，笔者将自定义的事件全部注释了。前言本文将介绍笔者在React的项目中使用百度的富文本编辑器Ueditor的过程。注意本文不提供一条龙式的使用方法，只是将使用过程中的一些实现思路进行总结，供以参考。react项目中导入...

firim 2019-08-26 12:17 评论0 收藏0