欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

怎么在html中實(shí)現(xiàn)一個(gè)markdown編輯器效果-創(chuàng)新互聯(lián)

今天就跟大家聊聊有關(guān)怎么在html中實(shí)現(xiàn)一個(gè)markdown編輯器效果,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。

成都創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供科爾沁左翼網(wǎng)站建設(shè)、科爾沁左翼做網(wǎng)站、科爾沁左翼網(wǎng)站設(shè)計(jì)、科爾沁左翼網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、科爾沁左翼企業(yè)網(wǎng)站模板建站服務(wù),10多年科爾沁左翼做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

一:下載Editor.md


1:進(jìn)入官網(wǎng)直接進(jìn)行下載

2:使用npm進(jìn)行下載


npm install editor.md

下載下來的文件結(jié)構(gòu)如下:

怎么在html中實(shí)現(xiàn)一個(gè)markdown編輯器效果

二:Editor.md的簡單使用

1:前提:

引入css

<link rel="stylesheet" href="editormd/css/editormd.css" />

引入js

<script src="js/jquery.min.js"></script>
<script src="editormd/editormd.min.js"></script>

2:html+js實(shí)現(xiàn)markdown效果

<link rel="stylesheet" href="editormd/css/editormd.css" />
<div id="test-editor">
<textarea style="display:none;" class="content-markdown" name="content-markdown"></textarea>
</div>
<script src="js/jquery.min.js"></script>
<script src="editormd/editormd.min.js"></script>
<script type="text/javascript">
    $(function() {
      var editor = editormd("test-editor", {
        width  : "100%",            //寬度,不填為100%
        height : "500px",           //高度,不填為100%
        theme : "dark",             //主題,不填為默認(rèn)主題
        path   : "editormd/lib/",   //editor.md插件的lib目錄地址
        saveHTMLToTextarea : true, // 保存 HTML 到 Textarea
        toolbarAutoFixed:true,      //工具欄自動(dòng)固定定位的開啟與禁用
      });
    });
</script>

根據(jù)如上代碼就可以實(shí)現(xiàn)markdown編輯器效果

怎么在html中實(shí)現(xiàn)一個(gè)markdown編輯器效果

但是如上代碼沒有本地上傳圖片功能,如果你需要本地上傳圖片功能,js代碼修改如下:

$(function() {
    var editor = editormd("test-editor", {
        width  : "100%",            //寬度,不填為100%
        height : "500px",           //高度,不填為100%
        theme : "dark",             //主題,不填為默認(rèn)主題
        path   : "editormd/lib/",   //editor.md插件的lib目錄地址
        saveHTMLToTextarea : true, // 保存 HTML 到 Textarea
        toolbarAutoFixed:true,      //工具欄自動(dòng)固定定位的開啟與禁用
        imageUpload : true,         //運(yùn)行本地上傳
        imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],    //允許上傳的文件格式
        imageUploadURL : "/index.php?r=markdown/upload"                 //上傳的后臺(tái)服務(wù)器路徑
    });
});

后端上傳的簡單實(shí)現(xiàn)如下(這里上傳我使用了Yii框架的intervention/image插件)

Yii::$app->response->format = Response::FORMAT_JSON;
$upload = \Intervention\Image\ImageManagerStatic::make($_FILES['editormd-image-file']['tmp_name'])->save('upload/upload.jpg');//file為上傳表單的name名
if ($upload) {
    return [
        'success' => 1,
        'message' => '上傳成功',
        'url' => 'upload/upload.jpg'
    ];
} else {
    return [
        'success' => 0,
        'message' => '上傳失敗',
    ];
}

html是什么

html的全稱為超文本標(biāo)記語言,它是一種標(biāo)記語言,包含了一系列標(biāo)簽.通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一,使分散的Internet資源連接為一個(gè)邏輯整體,html文本是由html命令組成的描述性文本,html命令可以說明文字,圖形、動(dòng)畫、聲音、表格、鏈接等,主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁。

看完上述內(nèi)容,你們對(duì)怎么在html中實(shí)現(xiàn)一個(gè)markdown編輯器效果有進(jìn)一步的了解嗎?如果還想了解更多知識(shí)或者相關(guān)內(nèi)容,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝大家的支持。

網(wǎng)站題目:怎么在html中實(shí)現(xiàn)一個(gè)markdown編輯器效果-創(chuàng)新互聯(lián)
分享URL:http://aaarwkj.com/article6/dedoig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站、網(wǎng)站收錄、外貿(mào)建站微信小程序、Google網(wǎng)站設(shè)計(jì)公司

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

商城網(wǎng)站建設(shè)
日本熟熟妇丰满人妻啪啪| 韩国av毛片在线播放| 搡老女人老91妇女老熟女| 国产精品日韩欧美久久久| 风韵犹存丰满大屁股熟妇| 亚洲欧美日韩制服另类| 欧美曰韩国内精品中文| 国产精品麻豆色哟哟av| 成人av免费高清在线播放| 超碰在线免费视频97| 丰满人妻在线一区二区三区| 国产精品亚洲伦理在线| 国产精品日韩欧美亚洲| 久久亚洲第一视频网站| 视频一二区免费在线观看| 国产精品成人一区二区艾草| 亚洲视一区二区三区四区| 国产真实乱偷精品视频免| 亚洲精品成人综合色在线| 欧美在线免费一级黄片| 国产精品美女自拍视频| 长腿丝袜美女亚洲一区二区| 不卡一区二区黄色av| 男女视频午夜刺激一区二区| 中文字幕乱码伊人三级| 国产精品乱码精品久久久| 国产又粗又硬又长又爽在线观看| 亚洲日本成人一区二区| 国产区精品福利在线熟女| 国产亚洲精品a久久7777| 精品人妻一区二区三区免费视频 | 中文成人无字幕乱码精品| 久久精品国产亚洲av一| 综合资源网日韩天天操| 饥渴少妇高潮特殊按摩| 日韩一区二区亚洲精品| 91老熟女露脸嗷嗷叫| 欧美日韩一区二区三区大片| 精品人妻va人妻中文字幕麻豆| 成年人性生活网站视频| 99精品欧美一区二区三区视频 |