安裝
1.在 composer.json的 require裡面加入以下内容
"yuanchao/laravel-5-markdown-editor": "dev-master"
2.添加完成後,執行
composer update
3.在config/app.php 的 providers 數組加入一條
YuanChao\Editor\EndaEditorServiceProvider::class,
4.在 config/app.php的 aliases 數組加入一條
'EndaEditor' => YuanChao\Editor\Facade\EndaEditorFacade::class,
加入以上配置以後,執行
// 加上 --force 覆蓋配置文件 php artisan vendor:publish --force #執行完上面的命令後,會生成配置文件和視圖文件到你的 config/ 和 views/vendor 目錄
執行上面這行命令以後,如果出現以下結果,說明你已經安裝成功了
Copied Directory [/vendor/yuanchao/laravel-5-markdown-editor/src/config/views] To [/resources/views/vendor/editor]Copied Directory [/vendor/yuanchao/laravel-5-markdown-editor/src/config/editor] To [/public/plugin/editor]Copied File [/vendor/yuanchao/laravel-5-markdown-editor/src/config/editor.php] To [/config/editor.php]Copied File [/vendor/barryvdh/laravel-debugbar/config/debugbar.php] To [/config/debugbar.php]Publishing complete for tag []!
使用
安裝完以後,說下如何使用
注意!在引入頭部文件之前,你必須先引入 jQuery
在你的視圖文件裡面,需要使用編輯器的地方,先引入頭部文件
// 引入編輯器代碼 @include('editor::head')
然後,比如我的 textarea 需要把他變成編輯器,這個時候,給你的 textarea 寫上一個id = myEditor
如:
<textarea id='myEditor'></textarea>
同時,在你的 textarea 的父級標簽,加上 class = editor
如果你的 textarea 是被 div 包住的,那麽你就這樣寫
// class = editor <div class="editor"> <textarea id='myEditor'></textarea> </div>
完整代碼
// 引入編輯器代碼 @include('editor::head') // 編輯器一定要被一個 class 爲 editor 的容器包住 <div class="editor"> // 創建一個 textarea 而已,具體的看手冊,主要在於它的 id 爲 myEditor {!! Form::textarea('content', '', ['class' => 'form-control','id'=>'myEditor']) !!} // 上面的 Form::textarea ,在laravel 5 中被提了出去,如果你沒安裝的話,直接這樣用 <textarea id='myEditor'></textarea> // 主要還是在容器的 ID 爲 myEditor 就行 </div>
這個時候,編輯器就出來啦~
轉換MarkDown代碼 To HTML代碼
首先在和轉換操作有關的這個php頁面的頭部引入命名空間,例如:
use EndaEditor;
筆者使用的是laravel 5.1,是這樣引入的:
use YuanChao\Editor\EndaEditor;
接著調用解析的方法
// 直接把需要轉換的 markdown 做爲參數傳遞進去 $str = EndaEditor::MarkDecode("#我是markdown語法"); echo $str;
結果爲
<h1>我是markdown語法</h1>