当前位置：首页 > 软件库 > Web应用开发 > 可视化HTML编辑器 >

Laravel Ueditor

百度编辑器

授权协议 MIT

开发语言 PHP

所属分类 Web应用开发、可视化HTML编辑器

软件类型开源软件

地区国产

投递者孔茂

操作系统跨平台

开源组织无

适用人群未知

软件官网

软件文档

官方下载

软件概览

百度编辑器 For Laravel 5

支持自定义路由, 默认前后台独立控制器,支持重写方法方便自己的业务逻辑处理,支持扩展图片助手(推荐使用Intervention\Image第三方包)

官网

NinJa911工作室.

疑问讨论

请在issue里new一个.

授权

此Laravel 扩展包基于MIT协议开源MIT license.

安装

1.Composer 安装

composer require "zhangmazi/laravel-ueditor:^1.0"

2.编辑config/app.php文件,在节点[providers]中加入

Zhangmazi\Ueditor\UeditorServiceProivder::class

3.在命令行工具执行

php artisan vendor:publish --provider="Zhangmazi\Ueditor\UeditorServiceProivder"

相关资源配置会成功发布到:config/zhangmazi/(配置); public/assets/(静态资源); resources/views/vendor/zhangmazi/(视图,包含demo所需).

配置

1.配置config/zhangmazi/filesystem.php

请根据注释填写,特别要注意root和url_root,这个2个很关键,因为直接导致你是否能上传成功和是否能正常开放预览附件; root的物理路径一定有0755或者0777(当需要建立子目录时)权限.

2.配置config/zhangmazi/ueditor.php

请根据注释填写,节点[routes]支持多组应用场景,其配置其实就Laravel的Route原生配置方法; 其中带有"group_"前缀的都不填,将不使用路由组模式; 如果"via_integrate"为true,将将适用内置命名空间,同时不要修改"uese".

3.配置config/zhangmazi/ext2mime.php

这个增加上传安全性的, 如果您觉得多了和少了, 请自行根据格式进行修改.

使用

Demo使用

开发此包时, 为了增加体验感, 特为大家准备了demo.

访问 http://localhost/zhangmazi/ueditor/demo/index, 其中localhost跟更改为你自己的绑定的域名.

为了安全性, 在[.env]文件中APP_DEBUG=true才能使用demo,否则无法访问以上demo相关路由地址.

如何使用

1.在您的视图中, 在body闭包前(即</body>),加入以下代码

@include("zhangmazi::ueditor")

2.在您的视图中, 需要占位编辑器的dom节点内,加入以下代码

<script id="ueditor_filed" name="article_content" type="text/plain"></script>

其中id="ueditor_filed"这里是需要给百度编辑器创建的时候用到的名字, 如果同一个页面有多个,这个id请用不同的名字替换.

3.在您的视图中, 在body闭包前(即</body>),加入以下代码

<script>
    var ueditor_full = UE.getEditor('ueditor_filed', {
    'serverUrl' : '{{ route("zhangmazi_front_ueditor_service", ['_token' => csrf_token()]) }}'
});
</script>

如果需要更多参考以及调用样板,比如如何自定义编辑工具栏、同一个页面多个编辑器,请查看阅读文件 vendor/zhangmazi/ueditor/src/views/ueditorDemoIndex.blade.php

自定义扩展

以下说明需要一定PHP知识和Laravel5框架了解背景

1.扩展继承内置控制器

新建一个控制器,并继承内置控制器"Zhangmazi\Ueditor\UeditorFrontController".

<?php
/**
 * 自定义的编辑器控制器.
 * 可以观看 Zhangmazi\Ueditor\UeditorUploaderAbstract 类的方法,根据自身业务选择性重写覆盖
 *
 * @author ninja911<ninja911@qq.com>
 * @date   2016-08-20 22:22
 */
namespace App\Http\Controllers;

use Zhangmazi\Ueditor\UeditorFrontController;

class CustomUeditorController extends UeditorFrontController
{
    /**
     * 记录上传日志(这些方法都可以重写覆盖)
     * @return mixed
     */
    protected function insertRecord()
    {

    }

    /**
     * 验证是否合法(这些方法都可以重写覆盖)
     * @return bool|mixed
     */
    protected function checkGuard()
    {
        //Auth....
        return true;
    }

    /**
     * 获取相对于public_path()根目录的相对目录
     * @return bool|mixed
     */
    protected function getRelativeDir()
    {
        return 'uploads/ueditor';
    }
}

?>

把相关路由配置一下,不用内置的

3.查看路由清单,看是否生效,命令行里执行

php artisan route:list

使用案例

laravel5中ueditor的安装和使用

小项目需要一个富文本的编辑器，选择了百度开发的ueditor，安装配置过程中也折腾了好久，记录一下过程。 composer 包：https://github.com/stevenyangecho/laravel-u-editor 环境：wamp+laravel5.4 安装 laravel 根目录下找到composer.json , 在 require 中添加"stevenyangecho/lar
Laravel安装百度UEditor 编辑器

1、在composer.json , require 中添加"stevenyangecho/laravel-u-editor": "~1.4" 2、命令行（laravel项目的根目录下）输入：composer require stevenyangecho/laravel-u-editor，只安装ueditor就行了，教程里说的“You'll then need to run composer
UEditor使用方法

UEditor是百度的编辑器，界面美观，功能强大，用起来还不错。详见该链接http://ueditor.baidu.com/ 一、下载 http://ueditor.baidu.com/download.html 二、部署目前最新版本为1.1.7.3 下载下来的文件名为ueditor1.1.7.3.zip 把解压出来的ueditor文件夹整个复制到项目WebRoot下 1.页面<head>里增
laravel-admin ueditor 集成并解决刷新问题

laravel-admin 是一个快速开发管理后台的框架，这里不做详细介绍 UEditor.php <?php namespace App\Extensions; use Encore\Admin\Form\Field; class UEditor extends Field { protected static $css = [ ]; public static $isJ
Laravel 富文本插件-Ueditor

相信不止我，很多开发者在之前的很多项目中需要用到富文本工具(特别是一些需要发文章之类的网站)，然后各种封装进来，然后出现各种问题；什么和前端框架不兼容啊，有些东西引入不进来啊。。等等等。。。（笔者在以往的项目中自己引入过2种富文本工具，虽然都很成功，但无疑会浪费很多时间之前用过的有百度的富文本和一个叫做kindeditor的富文本）为什么给大家推荐这个小插件呢，因为在有些项目里面他还真是必不
laravel-admin集成ueditor百度编辑器

什么是ueditor ueditor是百度开源的一款编辑器，其中它的源代码模式真的是非常实用的，能让你更大限度的定制你的内容。什么是laravle-admin Laravle-admin是基于laravle的一个后台管理包，但其默认编辑器是ckeditor,个人不太喜欢，所以就把它换成ueditor 安装步骤执行命令如下命令下载安装插件 composer require “overtrue/l
Laravel-admin加载富文本编辑器ueditor扩展

本文所涉及内容地址扩展Github地址：Ueditor laravel版本：5.5 安装首先执行composer命令加载组件 composer require codingyu/ueditor 发布资源本人安装时，输入Github内文档介绍的发布资源命令无法成功发布，所以将命令替换为下行命令 php artisan vendor:publish 执行后会弹出提示，让你选择发布哪写扩展，输
laravel 富文本编辑框overtrue/laravel-ueditor

场景网站中经常用到富文本编辑框, laravel推荐使用overtrue/laravel-ueditor 解析 overtrue/laravel-ueditor支持上传文件和图片,截图，以及七牛云存储美化文本框 `参考https://github.com/jellybool/simple-ueditor` 配置 `参考 http://fex.baidu.com/ueditor/#star
laravel-ueditor富文本编辑器

1.composer.json里加入 "overtrue/laravel-ueditor": "~1.0", 2.然后composer update 更新 3.app.php添加 Overtrue\LaravelUEditor\UEditorServiceProvider::class, 4.运行命令：php artisan config:publish 生成配置文件 5.在filesyst