axhello/laravel-markdown-editor

Based on the markdown editor laravel 5

laravel-markdown-editor

一个基于 laravel 5 的markdown 编辑器, _(*1)

本项目基于 editor.md 二次开发完成, _(*2)

使用详细教程

Editor.md: https://pandao.github.io/editor.md/, _(*3)

Installation

1.在 composer.json 的 require里 加入, _(*4)

"axhello/laravel-markdown-editor": "dev-master"

2.执行 composer update, _(*5)

3.在config/app.php 的 providers 数组加入一条, _(*6)

Axhello\Editor\MDEditorServiceProvider::class

4.在config/app.php 的 aliases 数组加入一条, _(*7)

'MDEditor' => Axhello\Editor\Facade\MDEditorFacade::class,

5.执行 php artisan vendor:publish, _(*8)

执行完上面的命令后，会生成配置文件和视图文件到你的 config/ 和 views/vendor 目录, _(*9)

Usage

1.在需要编辑器的地方插入以下代码, _(*10)

首先引入head代码, _(*11)

@include('editor::head')

然后用一个id为mdEditor的标签包裹着textarea, _(*12)

    {!! Form::textarea('content', null, ['class' => 'form-control') !!}




//或者是这样




     

然后刷新页面，这时候编辑器就出来了！, _(*13)

2.配置图片上传，打开config/editor.php 配置文件，修改里面的 uploadUrl 配置项, _(*14)

例如我更改editor.php的Url为, _(*15)

'uploadUrl'=>'post/uploads'

然后在路由中配置Url,注意uploads为你 public 下的目录, _(*16)

Route::post('/post/uploads', function (){
    $data = \Axhello\Editor\MdEditor::uploadImgFile('uploads');
    return json_encode($data);
});

完成以上这些配置，你就可以在线插入图片啦, _(*17)