新規投稿
フォローする

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

Avatar
江田篤史

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');
  });
})();
2

0件のコメント

サインインしてコメントを残してください。