3

私はwysihtml5が大好きですが、要素にクラスを追加するのと同じくらい簡単なことに関するドキュメントが見つかりません。

基本的に私が探しているのは、blockquote 要素で 2 つの異なるバリエーションを許可する方法です。

blockquote.pull-left blockquote.pull-right

(各クラスは異なるスタイル属性を指定します)

したがって、理想的には、formatBlock コマンド (blockquote 要素で選択範囲をラップする) を使用できるだけでなく、blockquote のクラスを指定できるようにする 2 つの追加のツールバー ボタンを作成したいと考えています。

何か案が？

4

1 に答える 1

0

わかりやすくするために、次のようなカスタム関数を別の custom.js ファイルに追加してみてください。

wysihtml5.commands.custom_class = {
  exec: function(composer, command, className) {
    return wysihtml5.commands.formatBlock.exec(composer, command, "blockquote", className, new RegExp(className, "g"));
  },
  state: function(composer, command, className) {
    return wysihtml5.commands.formatBlock.state(composer, command, "blockquote", className, new RegExp(className, "g"));
  }
};

次に、ツールバーで、クラスが「プルレフト」であると仮定して、次のようにクラス名を渡します。

<a data-wysihtml5-command="custom_class" data-wysihtml5-command-value="pull-left">Pull left</a>

また、advanced.js ファイルに移動してクラスの下に追加することにより、カスタム クラスを「ホワイトリスト」に追加する必要があります。そうしないと、保存時にクラスが取り除かれます。

于 2013-04-09T10:50:28.253 に答える