web-dev-qa-db-ja.com

Blockquotes用のステップタグ

私は私のblockquoteの下に引用したいと思います、それはあるスタイルを持ちます。

"Blockquotes are an essential part of a fancy website."
                                                – Cite

マークアップは次のようになります。

<blockquote><p>Blockquotes are an essential part of a fancy website."</p>
<cite>Cite</cite></blockquote>

しかし、WYSIWYGエディタは私にブロッククォートの引用を定義する可能性を私に提供しません。そして私は私のユーザーが手でHTMLを書くことを強制することはできません。

WYSIWYGエディタに必要なマークアップを生成させる方法はありますか?

3

TinyMCEカスタムスタイルコーデックスページ はこれを通してあなたを導くでしょう。

このページにはコードスニペットがありますが、概要として、このプロセスには2つのステップが必要です。

  1. TinyMCEの "styleselect"要素をアイコンの1行目または2行目に追加します。
  2. そのスタイル選択メニューに1つ以上の要素を追加します。

これが私の場合、TinyMCEのblockquoteボタンも削除してからblockquoteと一緒にstyleselectのオプションとしてciteを追加することを検討します。そうすることで、あなたの編集者はblockquote全体の正しいマークアップを一か所で見つけることができます。

もちろんこれがうまくいくことを願っていますが、blockquoteciteのスタイルがテーマの出力と一致するように、 custom editor-style.cssファイル を必ず実装してください。

3
mrwweb