More than 3 years have passed since last update.

まともなファイルメーカー用WYSIWYGエディタを組み込む

Last updated at 2021-05-27Posted at 2021-05-27

#アドオンのテキストがイケてない
ファイルメーカー19からアドオン機能が追加され、その中にテキストエディタが含まれていますが、ちょっと使った感じでもちょっと使うのをためらう感じだったので、まともに使えそうなサンプルを作ってみましたので紹介します。

データの保存は、入力時にリアルタイムでファイルメーカーに保存されるようにしています。

#追加した機能
標準アドオンとほぼ同じ機能を実現していますが、それに加えて以下の機能を追加しています。
主に画像埋め込みに関する機能です。

#カスタマイズについて
このサンプルの機能を再利用して、カスタマイズなどはご自由にどうぞ。
なるべくシンプルに実装したつもりですので、ある程度JavaScriptの知識があれば、内容は理解できるかと思います。

なお利用しているエディタライブラリは、Quill.js(https://quilljs.com) ですので、カスタマイズ等はQuillの情報を参考にすれば可能かと思います。
サンプルでは、標準アドオンのツールバーオプションを詳細にしたときとほぼ同等に設定してみました。