CKEditorでプルダウンメニューでclassを指定する方法
konosuba > CKEditorでプルダウンメニューでclassを指定する方法 @ 2017/8/4 9:52 |
---|
お世話になります。初心者ですが楽しく活用させていただいているものです。
CKEditorでページ編集をしているのですが、「WISYWIG」的にプルダウンメニューで「class指定」できないものかと試行錯誤しています。
↓これを実現したい「ソース編集なしで」
参考にCKEditorの情報サイトで 例えば、CSSファイルに
テーマフォルダ /theme/bc_sample/js/admin/vendors/ckeditor/内のstyles.js
を追加することで、スタイルのプルダウンに「h2_kasen」が追加。 選択することにより容易にクラス適用ができる。 と、なると考えていたのですが、実際にしてみると反映されず。 BaserCMSの仕様だとこの方法かと 「BaserCMS」-「システム設定」-「サイト基本設定」の 「エディタ設定関連」 - 「エディタスタイルセット」に
を記述すると「スタイル」のプルダウンに[h2_kasen(h2)]が追加されています。 ただし、この方法だとclass="kasen"とはなりません。 「エディタスタイルセット」にclassを指定できる記述方法があれば、その方法が知りたいのです。 ■ BaserCMSのバージョン:4.0.5.2 ■ レンタルサーバー名:さくらスタンダードプラン ■ スマートURLの利用: [ON] ■ 設置フォルダ: [サブフォルダ] ■ 利用しているデータベース: [SQLite] ■ PHPスキル(自己評価): [E] 現状ソース編集でclassを指定していると思われますが、もっと簡単にclass指定できれば作業が効率化するのではと思います。 私が気づいてない事も考えられますので。今回投稿させていただきました。 宜しくご教授お願いいたします。 |
macchaka > Re: CKEditorでプルダウンメニューでclassを指定する方法 @ 2018/10/31 10:11 |
---|
seto > Re: CKEditorでプルダウンメニューでclassを指定する方法 @ 2018/10/31 13:11 |
---|
こんにちは
CKEditorのスタイルにクラスをセットするには、以下のようにattributesにclassをセットする必要があります。 https://qiita.com/chan_kai_chan/items/d536794cb21697210260 ただ、baser自体がCKEditorのattributesという項目に対応していないので、プラグインを作成するなどして、何かしらカスタマイズが必要です。 https://github.com/baserproject/basercms/blob/1a10e8f1af9be87c53f2e56ef89598dc7c52e79d/lib/Baser/Vendor/CKEditorStyleParser.php#L64 |