亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

Mditor 更新啦！

Hegel_Gu / 2392人閱讀

摘要：只求極致是一個(gè)簡(jiǎn)潔易于集成方便擴(kuò)展期望舒服的編寫(xiě)的編輯器，僅此而已支持瀏覽器在線體驗(yàn)在線在瀏覽器集成第一步引入樣式文件引用腳本文件當(dāng)然，也可以使用資源第二步添加元素創(chuàng)建實(shí)例獲取或設(shè)置編輯器的值所有都應(yīng)在事件中進(jìn)行調(diào)用模式控制是否打開(kāi)分屏

只求極致

[ M ] arkdown + E [ ditor ] = Mditor

Mditor 是一個(gè)簡(jiǎn)潔、易于集成、方便擴(kuò)展、期望舒服的編寫(xiě) markdown 的編輯器，僅此而已...

支持瀏覽器: chrome/safari/firefox/ie9+

Git Reop: https://github.com/Houfeng/md...

在線體驗(yàn)

在線 demo

在瀏覽器集成 Mditor
第一步:

引入 Mditor 樣式文件

引用 Mditor 腳本文件

當(dāng)然，也可以使用 CDN 資源

...

...

...
第二步:

添加 textarea 元素

創(chuàng)建 Mditor 實(shí)例

var mditor =  Mditor.fromTextarea(document.getElementById("editor"));

//獲取或設(shè)置編輯器的值
mditor.on("ready",function(){
  console.log(mditor.value);
  mditor.value = "** hello **";    
});

所有 API 都應(yīng)在 ready 事件中進(jìn)行調(diào)用

模式控制 API:
//是否打開(kāi)分屏            
mditor.split = true;    //打開(kāi)
mditor.split = false;    //關(guān)閉

//是否打開(kāi)預(yù)覽            
mditor.preivew = true;    //打開(kāi)
mditor.preivew = false;    //關(guān)閉

//是否全屏            
mditor.fullscreen = true;        //打開(kāi)    
mditor.fullscreen = false;    //關(guān)閉
工具條配置 API
//mditor.toolbar.items 是一個(gè)數(shù)組，包括所有按鈕的信息
//可以直接操作 items 以控制工具條

//只保留第一個(gè)按鈕
mditor.toolbar.items = mditor.toolbar.items.slice(0,1);
//添加一個(gè)按鈕
mditor.toolbar.addItem({...});
//移除一個(gè)按鈕
mditor.toolbar.removeItem(name);
//替換一個(gè)按鈕
mditor.toolbar.replaceItem(name, {...});
//獲取一個(gè)按鈕
mditor.toolbar.getItem(name);

//更改按鈕行為
//示例，更改「圖片」按鈕配置，其它按鈕是同樣的方法
let btn = mditor.toolbar.getItem("image");
//替換按鈕動(dòng)作
btn.handler = function(){
  //自定義處理邏輯
  //this 指向當(dāng)前 mditor 實(shí)例
}; 

//還可以替換其它信息
btn.icon = "...";   //設(shè)置按鈕圖標(biāo)
btn.title = "...";  //投置按鈕標(biāo)題
btn.control = true; //作為控制按鈕顯示在右側(cè)
btn.key = "ctrl+d"; //設(shè)置按鈕快捷建
文本編輯 API
//編輯器相關(guān) AIP 在 mditor.editor 對(duì)象上

//在光標(biāo)前插入文本
mditor.editor.insertBeforeText("文本");
//在光標(biāo)后插入文本
mditor.editor.insertAfterText("文本");
//其它，說(shuō)明待補(bǔ)充
...
在服務(wù)器渲染 Markdown

通過(guò) npm 安裝

npm install mditor -save

在服務(wù)端解析

var mditor = require("mditor");
var parser = new mditor.Parser();
var html = parser.parse("** Hello mditor! **");

在頁(yè)面中展示解析后的內(nèi)容

...


...

-end-

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/81903.html

相關(guān)文章

  • React 16 發(fā)布啦。。渣渣看了一下更新文檔~

    摘要：又雙叒更新啦這次是，其實(shí)在前段時(shí)間就知道最近要發(fā)布了。協(xié)議更新了。。。這樣做是為了阻止損壞數(shù)據(jù)的顯示。協(xié)議的協(xié)議已經(jīng)是協(xié)議了，當(dāng)然，也把已經(jīng)發(fā)布的頁(yè)改成協(xié)議了。 React 又雙叒更新啦~ 這次是React v16.0，其實(shí)在前段時(shí)間就知道最近要發(fā)布了。協(xié)議更新了。。。來(lái)看看其他的變化吧。自己看著玩的。。期待官方中文文檔的更新。。 原文地址：React v16.0 我們很高興地宣布發(fā)...

    xi4oh4o 評(píng)論0 收藏0

  • 又拍云再放大招——CDN 同時(shí)支持 HTTP/2 和 SPDY/3.1 協(xié)議啦！

    又快到節(jié)假日啦，端午節(jié)可以安靜的在家當(dāng)個(gè)收、快、遞的小公舉（宅就宅），小拍樂(lè)上心頭，打開(kāi)了一些經(jīng)常登錄的網(wǎng)站：淘寶，京東，百度，又拍云……忽然發(fā)現(xiàn)，除了京東沒(méi)有全站使用 HTTPS（當(dāng)然人家的登錄頁(yè)面還是使用了）外，其他的幾家都全站使用了 HTTPS 協(xié)議?？吹交ヂ?lián)網(wǎng)安全的進(jìn)一步提高，小拍甚感欣慰，不禁想來(lái)八一八咱們剛更新的新功能——關(guān)于又拍云 CDN 全面支持 HTTP/2 協(xié)議。 要說(shuō) HTT...

    Yi_Zhi_Yu 評(píng)論0 收藏0

  • DOM元素動(dòng)態(tài)監(jiān)聽(tīng)

    摘要：今天遇到一個(gè)一直認(rèn)為很簡(jiǎn)單的問(wèn)題，真正接手后才知道這么可怕大體是這樣的，默認(rèn)動(dòng)態(tài)加載的應(yīng)該是自動(dòng)向下，當(dāng)遇到頁(yè)面最下面應(yīng)該自動(dòng)向上渲染。動(dòng)態(tài)生成的都是根據(jù)來(lái)監(jiān)聽(tīng)獲取元素的信息。 今天遇到一個(gè)一直認(rèn)為很簡(jiǎn)單的問(wèn)題，真正接手后才知道這么可怕 大體是這樣的，默認(rèn)動(dòng)態(tài)加載的card應(yīng)該是自動(dòng)向下，當(dāng)card遇到頁(yè)面最下面應(yīng)該自動(dòng)向上渲染。showImg(https://segmentfault...

    wh469012917 評(píng)論0 收藏0

  • DOM元素動(dòng)態(tài)監(jiān)聽(tīng)

    摘要：今天遇到一個(gè)一直認(rèn)為很簡(jiǎn)單的問(wèn)題，真正接手后才知道這么可怕大體是這樣的，默認(rèn)動(dòng)態(tài)加載的應(yīng)該是自動(dòng)向下，當(dāng)遇到頁(yè)面最下面應(yīng)該自動(dòng)向上渲染。動(dòng)態(tài)生成的都是根據(jù)來(lái)監(jiān)聽(tīng)獲取元素的信息。 今天遇到一個(gè)一直認(rèn)為很簡(jiǎn)單的問(wèn)題，真正接手后才知道這么可怕 大體是這樣的，默認(rèn)動(dòng)態(tài)加載的card應(yīng)該是自動(dòng)向下，當(dāng)card遇到頁(yè)面最下面應(yīng)該自動(dòng)向上渲染。showImg(https://segmentfault...

    codercao 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<