把Socket實例 掛載到全局 為方便梳理，請忽略typescript，一切盡在註釋中 # main.ts import {createApp} from 'vue' import App from './App.vue' import {socket} from "@/xihu/socket" i ...
低代碼應用平臺——kintone既可以保留更改記錄，也有流程管理的功能，在公司內部分享會議記錄啊、wiki等文檔或學習資料等時非常的便利。
kintone還有豐富的文本編輯框，可以對內容進行編輯提高易讀性。但是還是有不少人覺得如果能夠使用Markdown編輯，將更加輕鬆，文本也將更加美觀。※特別受程式員的歡迎:)
這次就向大家介紹如何使用
一、Markdown是什麼？
Markdown是用於編寫文章或筆記等內容的標記語言。根據其規定的標記規則來編寫後，可以顯示標題、粗體字、斜體字等效果。
# 標題1 ## 標題2 ### 標題3 - 列表1 - 列表2 - 列表3
關於標記規則請參考以下鏈接。
二、在會議記錄的應用里添加Markdown功能
接下來我們試著在會議記錄應用里添加Markdown的功能。
然後在多行文本框欄位中用Markdown來編輯會議記錄，保存後在詳情頁面的空白欄欄位里顯示編輯效果。
1、關於空白欄欄位
空白欄欄位在JavaScript自定義時常用於放置按鈕等元素。
2、準備應用
應用的表單里設置如下。其實用到的只有“內容”欄位和“markdown-display”的空白欄欄位，其他的任意設置。（為了便於理解，這裡欄位名稱和欄位代碼設為相同內容）
3、JavaScript自定義
1. 導入marked
在JavaScript自定義頁面導入marked。用的是前面提到的Cybouzu CDN。
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
本次使用
CSS加完後效果顯示如下。
最後
一開頭我們就提到了kintone用於保存和分享公司內部文檔上非常的便利，再加上Markdown的話就更加如虎添翼了。請務必親自嘗試一下。
更多應用請查看：
