Skip to content

mdne for kintone - Edit kintone fields with powerful markdown and code editor.

License

Notifications You must be signed in to change notification settings

shellyln/mdne-for-kintone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📝 mdne for kintone ☁️

Edit kintone fields with powerful markdown and code editor.

📍 Features

  • Launch external markdown editor (mdne) from standard detail view for editing the field.
  • Render markdown fields in the standard detail view and standard print view.

🖼 Gallery

View markdown fields with standard detail view

  • Click Edit button to launch the external editor (mdne).
  • Click Reload button to refresh the contents edit by external editor.

kintone-md-edit-1a

kintone-md-edit-1b

Launch external markdown editor (mdne) from standard detail view for editing the field

kintone-md-edit-2

Print a record

kintone-md-edit-print-1

kintone-md-edit-print-2

List view

kintone-md-edit-print-1

mdne app's splash screen

kintone-md-edit-splash-scr

💻 Requiments

  • kintone (>=Professional:en / >=Standard:jp)
  • browser
    • Google Chrome: latest
    • Firefox: latest

⚙️ Setup

📝 Markdown Editor App

Launch mdne (Markdown Neo Edit) as a external markdown editor for editing the fields.

List views

Welcome

  • Please set the default list view.

See list-welcome.html.

mdne

See list-mdne.html.

JS and CSS

JS (PC)

  • mdne-kintone-backend.js
    • Please do not register the above URL directly. It is not a CDN URL.
  • loading.js
    • Please do not register the above URL directly. It is not a CDN URL.

CSS

No stylesheets needed.

Fields

No fields needed.


📋 Meeting Minutes App

Customize the following application example.
https://kintone-sol.cybozu.co.jp/apps/005-gijiroku.html (📋 議事録管理 App; Meeting Minutes App)

JS and CSS

JS (PC)

user-app-config.js

const XLcCNs2aUCv93L7W__EDITOR_APP_ID  = '18';
const XLcCNs2aUCv93L7W__EDITOR_VIEW_ID = '5118342';

const XLcCNs2aUCv93L7W__TARGET_FIELD_SETS = [{
    textFieldCode: 'document',
    displayFieldCode: 'document_display',
    buttonFieldCode: 'document_buttons',
    ext: 'md',
}, {
    textFieldCode: 'decisions',
    displayFieldCode: 'decisions_display',
    buttonFieldCode: 'decisions_buttons',
    ext: 'md',
}, {
    textFieldCode: 'issues',
    displayFieldCode: 'issues_display',
    buttonFieldCode: 'issues_buttons',
    ext: 'md',
}];

CSS

Fields

kintone-md-edit-splash-scr

Field Code Caption Value Type Required
title タイトル Textbox
date 日付 Date X
flags Flags Important,Archived Checkboxes
内容 Label
document_buttons BlankSpace
document 内容 Textarea
document_display BlankSpace
決定事項 Label
decisions_buttons BlankSpace
decisions 決定事項 Textarea
decisions_display BlankSpace
課題 Label
issues_buttons BlankSpace
issues 課題 Textarea
issues_display BlankSpace
attendee 参加者 UserSelect
person_concerned 参加者以外の通知先 UserSelect
attachments 資料 Attachements
作成者 作成者 creator X
作成日時 作成日時 createdDt X
更新者 更新者 modifier X
更新日時 更新日時 updatedDt X

⚖️ License

  • MIT

Copyright (c) 2019 Shellyl_N