ブログ - a-blog cms

ablogcms

a-blog cms

a-blog cmsのリッチエディターに、カスタムボタンを複数追加する方法

課題

  • a-blog cmsのリッチエディターに、追加のカスタムボタンを複数設定したい

解決方法

  • 以下のコードでOK
ACMS.Ready(function(){
    ACMS.Config.SmartBlockAdds = function(Extensions) {
     return [new Extensions.Code(), new Extensions.Table(), new Extensions.Embed()];
    };
 });
  • returnの中にnew Extensions.Code(),という形で、,で複数繋げて記述する

追加ブロックの参照先

a-blog cmsのドキュメント

https://developer.a-blogcms.jp/document/units/rich-editor.html

  • 基本情報はこちら
  • このページに複数のブロックの記述サンプルがなく、少しつまづいてしまった。
    • サポートフォーラムへの問い合わせで解決した。

SmartBlockのドキュメント

https://appleple.github.io/smartblock/get-started

  • a-blog cms用ではないが、こちらを参照して種類を調べて追加した。
  • Embedを追加したい場合にはnew Extensions.Embed()で追加できたので、この辺りを手探りでやってみると良いと思う。

謝辞

  • applepleの菅原さんに助けていただきました。
    ありがとうございました。

投稿がお役に立ちましたら、いいねをしていただけると嬉しいです。

お困りごとをお聞かせください。

a-blog cmsについてのご相談、ご依頼など。
頂いた内容については、3営業日以内の返信を心がけております。

他社作成のa-blog cms修正、コーディング済htmlへのa-blog cms導入もOK。
小さなことから、お気になさらずお気軽にご相談ください。

  • 必須

    詳細を入力してください。

  • 必須

    お名前を入力してください。

  • 必須

    メールアドレスを入力してください。

    正しいメールアドレスを入力してください。

関連タグ

この記事をシェアする

投稿がお役に立ちましたら、いいねをしていただけると嬉しいです。

その他のa-blog cms一覧

カテゴリーリスト