Microlinkを使ってリンクをプレビュー表示

Microlinkを使うことで、LINEなどSNSアプリでよく見るリンクのプレビュー表示を簡単に実装できます。

サンプル

リンクフィールドに入力されたリンクを、スペースフィールドにプレビュー表示します。

フォーム設定

コード

microlink.min.jsを読み込み後、下記sample.jsを読み込みます。

・sample.js

(function(){"use strict";kintone.events.on('app.record.detail.show',function(event){kintone.app.record.getSpaceElement('preview').innerHTML='\<a href="'+event.record.リンク.value+'" class="preview"\>preview\</a\>';microlink('.preview');});})();