国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Laravel5 Markdown 編輯器使用教程

qylost / 3059人閱讀

摘要：編輯器使用教程月號發(fā)布的這個擴展，好多朋友使用起來有一些問題，好吧，都怪我安裝使用說明寫的不清楚今天給大家補一篇詳細的安裝說明文檔項目地址求求求求求此處省略一萬字功能圖片上傳語法解析為編輯器該有的功能都有還有誰還有誰預(yù)覽安裝在的里面加

laravel 5 Markdown 編輯器使用教程

5月18號發(fā)布的這個擴展，好多朋友使用起來有一些問題，好吧，都怪我安裝使用說明寫的不清楚└(^o^)┘... 今天給大家補一篇詳細的安裝說明文檔

項目地址：https://github.com/yccphp/laravel-5-markdown-editor

求star,求star,求star,求star,求star (此處省略一萬字)

功能

圖片上傳

markdown 語法解析為 html

markdown 編輯器該有的功能都有( 還有誰！還有誰！)

預(yù)覽

安裝

1.在 composer.json 的 require 里面加入以下內(nèi)容

"yuanchao/laravel-5-markdown-editor": "dev-master"

2.添加完成后，執(zhí)行 composer update

composer update

3.執(zhí)行完這行命令，基本上就安裝完啦，接下來打開 config/app.php 往里面加點東西

// 往里面加入 `"YuanChaoEditorEndaEditorServiceProvider"`

"providers" => [

        ........

        "YuanChaoEditorEndaEditorServiceProvider"

        ........

    ],

// 往里面加入 `"EndaEditor" => "YuanChaoEditorFacadeEndaEditorFacade"`

"aliases" => [

     ..........

    "EndaEditor" => "YuanChaoEditorFacadeEndaEditorFacade"

    ..........

    ],

加入以上配置以后，執(zhí)行 php artisan vendor:publish --force 

// 加上 --force 覆蓋配置文件
php artisan vendor:publish --force

執(zhí)行上面這行命令以后，如果出現(xiàn)以下結(jié)果，說明你已經(jīng)安裝成功了

Copied File [/vendor/edvinaskrucas/notification/src/config/notification.php] To [/config/notification.php]
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]
Publishing Complete!
使用

安裝完以后，說下如何使用

注意！你必須先引入 jquery 在引入頭部文件之前

在你的視圖文件里面，需要使用編輯器的地方，先引入頭部文件

// 引入編輯器代碼
@include("editor::head")

然后，比如我的 textarea 需要把他變成編輯器，這個時候，給你的 textarea 寫上一個 id = myEditor

如：

同時，在你的 textarea 的父級標簽，加上 class = editor,如果你的 textarea 是被 div 包住的，那么你就這樣寫


// class = editor

一定要給父級標簽加上 class = editor,因為要計算編輯器的位置

看了上面的例子，你應(yīng)該明白，使用編輯器的兩步就是

引入頭文件

給你需要變成編輯器的標簽加上 id="myEditor" 同時父級標簽加上 class = editor

圖片上傳使用

我們已經(jīng)內(nèi)置了圖片上傳功能，你所需要做的，就是在適合的地方，插入代碼而已

打開 config/editor.php 配置文件，我們可以看到里面有一項配置是 uploadUrl

這個 uploadUrl ，指得是上傳圖片請求的地址，我們上傳圖片時，是通過 Ajax post 請求 控制器，控制器把圖片上傳，返回圖片地址

那么問題來了，編輯器怎么知道它要去請求哪個控制器呢？答案就是，你配置的 uploadUrl是哪個，它就請求哪個！

舉個例子：

比如，我的 uploadUrl 配置成了 Home/upload ,那么當我上傳圖片的時候，它會 Ajax 請求 Home 控制器的 upload 方法對吧？這個時候 upload 方法里面，需要把圖片上傳，然后返回圖片地址

但是！我們的擴展里面已經(jīng)集成了圖片上傳并返回編輯器所需要的數(shù)據(jù)了，所以在你的 upload 方法里面，直接調(diào)用擴展的方法就行啦！

首先，在類頭部，添加引用


use EndaEditor;



public function upload(){

        // path 為 public 下面目錄，比如我的圖片上傳到 public/uploads 那么這個參數(shù)你傳uploads 就行了

        $data = EndaEditor::uploadImgFile("path");

        return json_encode($data);

    }

這個 upload 是專門用于編輯器圖片上傳的哦～

好了，這個時候，你的圖片上傳已經(jīng) ok 了！

markdown 轉(zhuǎn) html

我們使用編輯器，把內(nèi)容插入數(shù)據(jù)庫后，展示給用戶看的時候，總不能就輸出 markdown 的語法吧～那用戶也看不懂呀

所以，你需要把 markdown 轉(zhuǎn)成 html，這樣游覽器才會解析

那么問題來了，如何轉(zhuǎn)呢？我們的擴展已經(jīng)集成了這個功能。我們來使用下

依舊是頭部引入

首先，在類頭部，添加引用


use EndaEditor;

然后，調(diào)用我們的方法就行啦


// 直接把需要轉(zhuǎn)換的 markdown 做為參數(shù)傳遞進去

$str = EndaEditor::MarkDecode("#我是markdown語法");

echo $str;

// 結(jié)果為




我是markdown語法

是不是很方便呀～

Bug 反饋

如果在使用中，發(fā)現(xiàn)了 bug 咋辦？不會安裝咋辦？不會用咋辦？

請直接加QQ群：365969825

最后在說一句

項目地址：https://github.com/yccphp/laravel-5-markdown-editor

求star,求star,求star,求star,求star (此處省略一萬字)

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/30252.html

相關(guān)文章

  • Laravel5-Markdown-Editor 在線編輯器

    摘要：是基于封裝的在線編輯器，支持項目。已集成本地七牛云阿里云文件存儲。更新記錄完成在線編輯器主程序，且集成本地七牛阿里云存儲。 Laravel5-Markdown-Editor Laravel5-Markdown-Editor 是基于 editor.md 封裝的 Markdown 在線編輯器，支持 Laravel5 項目。已集成本地、七牛云、阿里云文件存儲。 更新記錄 2017-11-09...

    MoAir 評論0 收藏0

  • 快速，優(yōu)雅, 強大的博客系統(tǒng)，由 Laravel5.3 強力驅(qū)動。

    摘要：我想說的是是最好的框架。后續(xù)會分享一些寫這個博客的心得，歡迎關(guān)注。完善的評論系統(tǒng)。采用設(shè)計模式分離和。采用緩存采用數(shù)據(jù)庫，采用數(shù)據(jù)庫圖片，文件管理。谷歌分析，后臺管理。文章可以分類，貼標簽，代碼高亮。 Laravel Blog 主頁 | Gitub 快速，優(yōu)雅, 強大的博客系統(tǒng)，由Laravel5.3強力驅(qū)動。點擊 這里 查看. 這是一個我個人使用的博客，也曾經(jīng)使用Hexo 和 g...

    xiaowugui666 評論0 收藏0

  • 寫個博客程序，基于Laravel5.1開發(fā)

    摘要：話說也是換過好多程序，等都有嘗試過。更像是一個小型，內(nèi)容型網(wǎng)站的瑞士軍刀。之所以不用它就是想換個程序。其實作為博客很不錯的編輯器，速度快，輕量。但不安分的我決定還是自己寫一個吧。權(quán)限管理緩存等還沒有完善，感受就是自己就是青銅五的渣渣水平。 話說也是換過好多程序，WordPress、HEXO、Typecho等都有嘗試過。WordPress更像是一個小型CMS，內(nèi)容型網(wǎng)站的瑞士軍刀。之所以...

    springDevBird 評論0 收藏0

  • PHP Laravel開發(fā)個人博客案例

    摘要：簡介基于開發(fā)，依賴開源程序，支持語法編輯文章，完善的系統(tǒng)管理后臺，能夠快速搭建個人博客功能介紹文章編輯器文章發(fā)布時間軸瀏覽數(shù)統(tǒng)計文章分類文章標簽導(dǎo)航欄自定義文章評論關(guān)鍵詞搜索功能系統(tǒng)基本設(shè)置友情鏈接文件上傳管理源碼地址如有安裝需要請聯(lián)系界面 簡介 基于Laravel5.2開發(fā)，依賴開源程序，支持markdown語法編輯文章，完善的系統(tǒng)管理后臺，能夠快速搭建個人博客！； 功能介紹 ma...

    sihai 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<