摘要:是基于封裝的在線編輯器,支持項(xiàng)目。已集成本地七牛云阿里云文件存儲(chǔ)。更新記錄完成在線編輯器主程序,且集成本地七牛阿里云存儲(chǔ)。
Laravel5-Markdown-Editor
Laravel5-Markdown-Editor 是基于 editor.md 封裝的 Markdown 在線編輯器,支持 Laravel5 項(xiàng)目。已集成本地、七牛云、阿里云文件存儲(chǔ)。
更新記錄2017-11-09 Release v1.0.0 完成 markdown 在線編輯器主程序,且集成本地、七牛、阿里云oss存儲(chǔ)。
安裝流程1、安裝的兩種方式
① 直接編輯配置文件
將以下內(nèi)容增加到 composer.json:
require: { "chenhua/laravel5-markdown-editor": "~1.0" }
然后運(yùn)行 composer update。
② 執(zhí)行命令安裝
運(yùn)行命令:
composer require chenhua/laravel5-markdown-editor
2、完成上面的操作后,修改 config/app.php 中 providers 數(shù)組
ChenhuaMarkdownEditorMarkdownEditorServiceProvider::class,
3、修改 config/app.php 中 aliases 數(shù)組
"MarkdownEditor" => ChenhuaMarkdownEditorFacadesMarkdownEditor::class,
4、執(zhí)行 artisan 命令,生成 config/markdowneditor.php 配置文件
php artisan vendor:publish --tag=markdown
5、修改 config/markdowneditor.php 配置文件
"local", //默認(rèn)返回存儲(chǔ)位置url "dirver" => ["local"], //存儲(chǔ)平臺(tái) ["local", "qiniu", "aliyun"] "connections" => [ "local" => [ "prefix" => "uploads/markdown", //本地存儲(chǔ)位置,默認(rèn)uploads ], "qiniu" => [ "access_key" => "", "secret_key" => "", "bucket" => "", "prefix" => "", //文件前綴 file/of/path "domain" => "" //七牛自定義域名 ], "aliyun" => [ "ak_id" => "", "ak_secret" => "", "end_point" => "", "bucket" => "", "prefix" => "", ], ], ];
使用方法 在 xxx.blade.php 編輯器相應(yīng)位置添加如下代碼:七牛和阿里云的配置內(nèi)容,需要去對(duì)應(yīng)官網(wǎng)申請(qǐng)賬號(hào)并配置獲取,此處省略一萬(wàn)字。。。
@include("markdown::encode",["editors"=>["test-editormd"]])
解析 markdown 格式文本為 html 格式以上操作能生成一個(gè) name="test-editormd" 的 markdown 文本編輯框,并能實(shí)時(shí)預(yù)覽效果.
① 前端js方式解析 markdown 文本
@include("markdown::decode",["editors"=>["doc-content"]])
② PHP方式解析 markdown 文本
echo MarkdownEditor::parse("#中間填寫markdown格式的文本");
更多用法可以參考 editor.md 官方代碼,解鎖更多姿勢(shì)>>>
效果展示default樣式:
本擴(kuò)展遵循 MIT license 開源。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/26063.html
摘要:是一個(gè)多窗格的在線編輯器。是一個(gè)擁有四個(gè)窗格的在線編輯器,他們分別用來(lái)編寫和并進(jìn)行實(shí)時(shí)預(yù)覽。不僅僅是一個(gè)免費(fèi)的在線編輯工具。它實(shí)際上是一個(gè)用來(lái)美化和精簡(jiǎn)代碼的在線工具。總而言之,這是一個(gè)非常基礎(chǔ)的編輯器。 onlinehtmleditor.net showImg(https://segmentfault.com/img/bVqZNZ);onlinehtmleditor.net是非常簡(jiǎn)單...
摘要:在文章開始之前先展示一下我自己做的在線編譯器點(diǎn)此預(yù)覽大概三四個(gè)月之前我開始有了制作在線編譯器的想法,在此之前我接觸過(guò)很多的在線編譯器,如等,這些都非常優(yōu)秀且有著龐大的用戶群體的編譯器。是一個(gè)用于瀏覽器的實(shí)現(xiàn)的多功能文本編輯器。 在文章開始之前先展示一下我自己做的在線編譯器 JS-Encoder: 點(diǎn)此預(yù)覽 showImg(https://i.loli.net/2019/07/21/5d...
摘要:文章目錄在線圖片壓縮在線壓縮最好用的切圖工具在線工具一鍵摳圖免費(fèi)字體免費(fèi)素材圖片和視頻中國(guó)風(fēng)配色網(wǎng)站免費(fèi)壁紙免費(fèi)短連接在線在線代碼編輯在線流程圖思維導(dǎo)圖在線圖片壓縮傳送門在線圖片壓縮網(wǎng)站已經(jīng)優(yōu)化超過(guò)十億張圖片,支持,,等格式的圖片的壓縮。 ...
摘要:說(shuō)明是一款十分強(qiáng)大的代碼編輯插件,提供了十分豐富的,最近在項(xiàng)目中用到了這款插件,做一個(gè)記錄。 說(shuō)明 codeMirror是一款十分強(qiáng)大的代碼編輯插件,提供了十分豐富的API,最近在項(xiàng)目中用到了這款插件,做一個(gè)記錄。 官網(wǎng) github地址 安裝 下載安裝包 在github上直接download 或者 clone npm 安裝 npm install --save code...
摘要:可惜不提供在線編輯功能,怎么辦呢看,這里有人發(fā)問,三年過(guò)去了居然無(wú)人回答。剛才研究了一下的代碼我是直接修改的,發(fā)現(xiàn)有一個(gè)簡(jiǎn)單的辦法可以把在線編輯器變成可視化編輯模式的。 我挺喜歡UBB編輯的,因?yàn)樗芎?jiǎn)化存儲(chǔ)內(nèi)容,保存發(fā)布內(nèi)容之后,前臺(tái)樣式化也很簡(jiǎn)單。可惜kindeditor不提供UBB在線編輯功能,怎么辦呢?看,這里有人發(fā)問http://kindeditor.net/view.php...
閱讀 3580·2021-09-22 10:52
閱讀 1597·2021-09-09 09:34
閱讀 1998·2021-09-09 09:33
閱讀 766·2019-08-30 15:54
閱讀 2681·2019-08-29 11:15
閱讀 724·2019-08-26 13:37
閱讀 1677·2019-08-26 12:11
閱讀 2984·2019-08-26 12:00