ビジュアルエディタで独自ボタン／Visual Editor Custom Buttonsが表示されない

みなさま、お返事いただきありがとうございます。

@du-bist-der-lenz 様

「Classic Editor」だからではないですか、必要であれば、「Visual Editor Custom Buttons」プラグインを確かめる用意はあります。

すみません、Visual Editor Custom Buttonsプラグインのどこを確認するとよいでしょうか。

@ishitaka 様
まず、テーマを『Twenty Nineteen』にしてみました(プラグインの設定等は変更しておりません)。
ですが自作テーマ同様、Visual Editor Custom Buttonsプラグインで作成した独自ボタンはビジュアルエディタに表示されませんでした。

試しにVisual Editor Custom Buttonsプラグインで追加したボタンは下記になります。

■名前
『ピンク文字』
■Button Content
(Wrap Selectionにチェック)
・Before
<strong class="un_line1">
・After
</strong>
■Display in Editor
・Visual Editor / Text Editor　両方にチェック
・Button Icon (独自のものを設定)
・Quicktag Label
pink-un
■Visual Editor Content Styling
空欄(editor-style.cssで定義済み)
設定しているCSSは下記。

strong.un_line1{
background: linear-gradient(transparent 40%, rgba(255, 0, 78, 0.23) 60%);
font-family:vdl-v7gothic, sans-serif;
font-weight: 600;
font-style: normal;
}

・・・以上です。
上記の設定でいきますと、テキストエディタの方には『ピンク文字』のボタンが表示され、自分の意図した通りに動きました。

また、Setting画面はデフォルトのままで何にもチェックを入れていません。

お手数ですがご確認よろしくお願いいたします。

@ishitaka 様

お世話になっております。
お返事いただきありがとうございます。

・Button Icon で既定のアイコンを選択する。

・ブラウザのキャッシュ（閲覧履歴、Cookie など）を削除する。

・別のブラウザ（Firefox など）を使用する。

・JavaScript 連結を無効化する。

上記試しましたが変化は見られませんでした。

・JavaScript のエラーメッセージを確認する。

上記を試す前に、Classic Editor,Visual Editor Custom Buttons,TinyMCE Advanced以外のプラグインの停止を試みたところなんとVisual Editor Custom Buttonsで作成したボタンが無事表示されました。

この後、停止したプラグインを一つ一つ有効にしていきたいと思います。
原因と思しきプラグインが分かり次第またJavaScriptのエラーメッセージを確認し報告、相談させていただきます。

取り急ぎお礼のみ、失礼いたします。

• この返信は5年前にbysooooo7が編集しました。