PHP

Laravel5的Markdown编辑器使用教程

字號+ 編輯: 种花家 修訂: 种花家 來源: 袁超 2023-09-12 我要說兩句(1)

Laravel的MarkDown是袁超在2015年5月18號發佈的,當時很多人說他寫的文档不好,袁超聞之,奮筆疾書,寫出如下文字(略有編輯)。

安裝

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>


閲完此文,您的感想如何?
  • 有用

    3

  • 沒用

    0

  • 開心

    0

  • 憤怒

    0

  • 可憐

    0

1.如文章侵犯了您的版權,請發郵件通知本站,該文章將在24小時内刪除;
2.本站標注原創的文章,轉發時煩請注明來源;
3.交流群: PHP+JS聊天群

相關課文
  • mac開發接入微信公衆號接口返回報錯 cURL error 56: SSLRead() return error -9806

  • pecl安裝程序時報錯Array and string offset access syntax with curly braces is no longer supported

  • PHP的換行符是什麽

  • 由於商家傳入的H5交易參數有誤,該筆交易暫時無法完成,請聯系商家解決

我要說說
網上賓友點評
1樓 IP114.254.*.*的嘉賓说道: 半年前
跑通了感谢