低代碼應(yīng)用平臺——kintone既可以保留更改記錄，也有流程管理的功能，在公司內(nèi)部分享會議記錄啊、wiki等文檔或?qū)W習(xí)資料等時非常的便利。
kintone還有豐富的文本編輯框，可以對內(nèi)容進行編輯提高易讀性。但是還是有不少人覺得如果能夠使用Markdown編輯，將更加輕松，文本也將更加美觀?！貏e受程序員的歡迎:)
這次就向大家介紹如何使用
一、Markdown是什么？
Markdown是用于編寫文章或筆記等內(nèi)容的標(biāo)記語言。根據(jù)其規(guī)定的標(biāo)記規(guī)則來編寫后，可以顯示標(biāo)題、粗體字、斜體字等效果。
#?標(biāo)題1 ##?標(biāo)題2 ###?標(biāo)題3 -?列表1 ????-?列表2 ????????????-?列表3?
?
?
關(guān)于標(biāo)記規(guī)則請參考以下鏈接。
二、在會議記錄的應(yīng)用里添加Markdown功能
接下來我們試著在會議記錄應(yīng)用里添加Markdown的功能。
然后在多行文本框字段中用Markdown來編輯會議記錄，保存后在詳情頁面的空白欄字段里顯示編輯效果。
1、關(guān)于空白欄字段
空白欄字段在JavaScript自定義時常用于放置按鈕等元素。
2、準(zhǔn)備應(yīng)用
應(yīng)用的表單里設(shè)置如下。其實用到的只有“內(nèi)容”字段和“markdown-display”的空白欄字段，其他的任意設(shè)置。（為了便于理解，這里字段名稱和字段代碼設(shè)為相同內(nèi)容）
?
?
?3、JavaScript自定義
1. 導(dǎo)入marked
在JavaScript自定義頁面導(dǎo)入marked。用的是前面提到的Cybouzu CDN。
?
2. 編輯JavaScript
接下來用JavaScript進行自定義。marked本身像下面這樣用起來非常的簡單。
|
1 |
|
結(jié)合應(yīng)用的字段，代碼如下。
(function()?{
????"use?strict";
????kintone.events.on("app.record.detail.show",?function(event)?{
????????var?record?=?event.record;
????????//?獲取空白欄字段
????????var?spaceEl?=?kintone.app.record.getSpaceElement('markdown-display');?
????????//?在空白欄字段中顯示markdown的內(nèi)容
????????spaceEl.innerHTML?=?marked(record['內(nèi)容'].value);
????????//?因為內(nèi)容重復(fù)顯示，因此把內(nèi)容字段隱藏。
????????kintone.app.record.setFieldShown('內(nèi)容',?false);
????????return?event;
????});
})();?
3. 準(zhǔn)備CSS
本次使用
CSS加完后效果顯示如下。
?
?
最后
一開頭我們就提到了kintone用于保存和分享公司內(nèi)部文檔上非常的便利，再加上Markdown的話就更加如虎添翼了。請務(wù)必親自嘗試一下。
更多應(yīng)用請查看：
?文章來源地址http://www.zghlxwxcb.cn/news/detail-436536.html文章來源：http://www.zghlxwxcb.cn/news/detail-436536.html
?
到了這里，關(guān)于Marked.js讓您的文檔編輯更加輕松自如的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
