低代码利用平台——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 marked(字符串);
联合利用的字段,代码如下。

(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的话就更加锦上添花了。请务必亲自尝试一下。

更多利用请查看:开发者网站---Marked.js