LaravelにWordPressみたいな入力(WYSIWYG)を実装する。

未分類


laravelにコラム機能を実装する際に入力をリッチにする事を求められる事があります。

その際に使用するのがWYSISYG(ウィジウィグ)になります。
ウィジウィグ用のプラグイン候補として

  • ckeditor
  • tinyMCE

をピックアップしました。

ピックアップの理由として商用利用可能(一部制限あり)、導入方法が楽が挙げられます。

今回は文字色を変えたいという要望があり「Tiny MCE」を採用する事にしました。

Tiny MCEは下記で必要機能だけをカスタマイズしてゲットする事ができます。

https://www.tiny.cloud/get-tiny/custom-builds/

初期のままの組み込みでは色の指定ができないのでオプションで指定する。

        tinymce.init({
            selector: "textarea",
            plugins: "textcolor table lists link",
            menubar: "false",
            toolbar: ['undo redo | bold italic | styleselect | forecolor backcolor | fontsizeselect',
                'numlist bullist | table | link'
            ],
            fontsize_formats: '10px 12px 14px 16px 18px 20px 24px 34px',
            width: 700,
            branding: false
        });