?
低代碼應用平臺——kintone既可以保留更改記錄，也有流程管理的功能，在公司內部分享會議記錄啊、wiki等檔案或學習資料等時非常的便利，
kintone還有豐富的文本編輯框，可以對內容進行編輯提高易讀性，但是還是有不少人覺得如果能夠使用Markdown編輯，將更加輕松，文本也將更加美觀，※特別受程式員的歡迎:)
這次就向大家介紹如何使用Cybozu CDN中的marked來讓kintone應用也可以使用Markdown，
一、Markdown是什么？
Markdown是用于撰寫文章或筆記等內容的標記語言，根據其規定的標記規則來撰寫后，可以顯示標題、粗體字、斜體字等效果，
# 標題1 ## 標題2 ### 標題3 - 串列1 - 串列2 - 串列3?
?
關于標記規則請參考以下鏈接，
Markdown 使用指南 - 基礎語法 - 鏈滴
二、在會議記錄的應用里添加Markdown功能
接下來我們試著在會議記錄應用里添加Markdown的功能，
然后在多行文本框欄位中用Markdown來編輯會議記錄，保存后在詳情頁面的空白欄欄位里顯示編輯效果，
1、關于空白欄欄位
空白欄欄位在JavaScript自定義時常用于放置按鈕等元素，
表單中可添加的欄位(空白欄)
2、準備應用
應用的表單里設定如下，其實用到的只有“內容”欄位和“markdown-display”的空白欄欄位，其他的任意設定，（為了便于理解，這里欄位名稱和欄位代碼設為相同內容）
?
?
3、JavaScript自定義
1. 匯入marked
在JavaScript自定義頁面匯入marked，用的是前面提到的Cybouzu CDN，
https://js.cybozu.cn/markedjs/v0.3.5/marked.min.js
?
2. 編輯JavaScript
接下來用JavaScript進行自定義，marked本身像下面這樣用起來非常的簡單，
|
1 |
|
結合應用的欄位，代碼如下，
(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的內容
spaceEl.innerHTML = marked(record['內容'].value);
// 因為內容重復顯示，因此把內容欄位隱藏，
kintone.app.record.setFieldShown('內容', false);
return event;
});
})();
?
3. 準備CSS
本次使用github-markdown-css，您也可以選擇其他的CSS，也可以直接用這個，將下載下來的檔案上傳到kintone設定頁面，github-markdown-css不是用于整個body，而是markdown-body類，非常的方便，
CSS加完后效果顯示如下，
?
?
最后
一開頭我們就提到了kintone用于保存和分享公司內部檔案上非常的便利，再加上Markdown的話就更加如虎添翼了，請務必親自嘗試一下，
更多應用請查看：開發者網站
?
?
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/551959.html
標籤：JavaScript
上一篇：在JS中如何判斷兩個物件是否相等
下一篇：返回列表