Git Product home page Git Product logo

wangeditor's Introduction

wangEditor extension for laravel-admin

这是一个laravel-admin扩展,用来将wangEditor集成进laravel-admin的表单中

laravel-admin extension
1.x 1.x
2.x 2.x

截图

wx20180904-103609

安装

// laravel-admin 1.x
composer require "laravel-admin-ext/wang-editor:1.*"

// laravel-admin 2.x
composer require laravel-admin-ext/wang-editor

然后

php artisan vendor:publish --tag=laravel-admin-wangEditor

配置

config/admin.php文件的extensions,加上属于这个扩展的一些配置

    'extensions' => [

        'wang-editor' => [
        
            // 如果要关掉这个扩展,设置为false
            'enable' => true,
            
            // 编辑器的配置
            'config' => [
                
            ]
        ]
    ]

编辑器的配置可以到wangEditor文档找到,比如配置上传图片的地址上传图片

    'config' => [
        // `/upload`接口用来上传文件,上传逻辑要自己实现,可参考下面的`上传图片`
        'uploadImgServer' => '/upload'
    ]

使用

在form表单中使用它:

$form->editor('content');

上传图片

图片上传默认使用base64格式化后与文本内容一起存入数据库,如果要上传图片到本地接口,那么下面是这个接口对应的action代码示例:

use Illuminate\Http\Request;
use Illuminate\Support\Facades\Storage;

public function upload(Request $request)
{
    $urls = [];

    foreach ($request->file() as $file) {
        $urls[] = Storage::url($file->store('images'));
    }

    return [
        "errno" => 0,
        "data"  => $urls,
    ];
}

Note: 配置路由指向这个action,存储的disk配置在config/filesystem.php中,这个需参考laravel官方文档。

支持

如果觉得这个项目帮你节约了时间,不妨支持一下;)

-1

License

Licensed under The MIT License (MIT).

wangeditor's People

Contributors

cimoing avatar z-song avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

wangeditor's Issues

error in installation

laradock@d757dc4c3490:/var/www$ composer require laravel-admin-ext/wang-editor
Using version ^0.0.1 for laravel-admin-ext/wang-editor
./composer.json has been updated
Loading composer repositories with package information
Updating dependencies (including require-dev)
Nothing to install or update
Generating optimized autoload files

Illuminate\Foundation\ComposerScripts::postAutoloadDump
@php artisan package:discover

In WangEditorServiceProvider.php line 16:

Call to undefined method Encore\WangEditor\WangEditor::boot()

Script @php artisan package:discover handling the post-autoload-dump event returned with error code 1

请问图片上传的方法怎么写才能实现多图片同时选择上传

目前我的写法是这样的,但是只支持单文件上传

    public function wang_upload(Request $request){
        if ($request->hasFile('wangEditorH5File') && $request->file('wangEditorH5File')->isValid()) {
            $file = $request->file('wangEditorH5File');
            $save=array();
            $result = '/storage/'.Storage::disk("admin")->putFile("editor", $file);
            $save[]=$result;
            echo json_encode(array('errno'=>0,'data'=>$save));
        } else {
            echo json_encode(array('errno'=>1,'data'=>array(),'info'=>'no picture'));
        }
    }

Error Field type [editor] does not exist.已解决

如果用的是laravel-admin, versions : * v1.7.5
按说明配置完,会报上面的错
Error Field type [editor] does not exist.
应修改app/Admin/bootstrap.php

Encore\Admin\Form::forget(['map']);
即去掉:editor

$form->hasMany() 中使用wangEditor,样式显示错误

  • 当form表单使用hasMany() 动态新增编辑器时,编辑器相互影响
$form->hasMany('contents', '内容', function (Form\NestedForm $form) {
                $form->editor('content', '内容');
 });
  • 页面显示排版错误,编辑器折叠

image

error in install

Your requirements could not be resolved to an installable set of packages.

Problem 1
- laravel/framework v5.7.2 conflicts with laravel/framework[5.5.x-dev].
- laravel/framework 5.5.x-dev conflicts with laravel/framework[v5.7.2].
- laravel/framework 5.5.x-dev conflicts with laravel/framework[v5.7.2].
- laravel-admin-ext/wang-editor 0.0.1 requires laravel/framework 5.5.* -> satisfiable by laravel/framework[5.5.x-dev].
- Installation request for laravel-admin-ext/wang-editor ^0.0.1 -> satisfiable by laravel-admin-ext/wang-editor[0.0.1].
- Installation request for laravel/framework (locked at v5.7.2, required as 5.7.*) -> satisfiable by laravel/framework[v5.7.2].

Installation failed, reverting ./composer.json to its original content.

wangEditor和hasMany有冲突

protected function form()
    {
        $form = new Form(new Product);
        $form->text('title', '商品名称');
        $form->decimal('price', '商品价格');
        $form->image('image', '商品图');
        $form->switch('on_sale', '是否上架')->default(1);
        $form->switch('required_sale', '促销产品')->default(0);
        $form->hasMany('skus', function (Form\NestedForm $form) {
            $form->text('title', 'SKU名称');
            $form->decimal('price', 'sku价格');
            $form->text('description', 'sku描述');
            $form->number('amount', '次数');
        });
        $form->editor('description', '商品描述');
        return $form;
    }

编辑器不能正常显示,而注释掉$form->hasMany()后能正常使用

require 报错 laravel-admin 1.7.8

Your requirements could not be resolved to an installable set of packages.

Problem 1
- Can only install one of: encore/laravel-admin[v1.7.8, dev-master].
- Can only install one of: encore/laravel-admin[v1.7.8, dev-master].
- Can only install one of: encore/laravel-admin[v1.7.8, dev-master].
- Installation request for encore/laravel-admin 1.7.8 -> satisfiable by encore/laravel-admin[v1.7.8].
- Installation request for encore/laravel-admin (locked at dev-master, required as 1.7.8) -> satisfiable by encore/laravel-admin[dev-master].

laravel8 Class "Encore\Admin\Assets" not found

composer require laravel-admin-ext/wang-editor
Using version ^2.0 for laravel-admin-ext/wang-editor

\vendor\laravel-admin-ext\wang-editor\src\WangEditorServiceProvider.php:24
     20▕         if ($views = $extension->views()) {
     21▕             $this->loadViewsFrom($views, 'laravel-admin-wangEditor');
     22▕         }
     23▕
  ➜  24▕         Assets::define('wangEditor', [
     25▕             'js'     => 'https://cdn.jsdelivr.net/npm/[email protected]/release/wangEditor.min.js',
     26▕             'export' => 'wangEditor',
     27▕         ]);
     28▕

关于编辑器的BUG

image

官网的例子是有字号和字体这两个的,文档说这是默认的配置,但为啥这个扩展没有,而且就算我加上了配置,还是没有这两个

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.