0

私はjWYSIWYGと呼ばれるこのエディターを持っています。これは基本的にJqueryプラグインです。したがって、テキストを選択してパネルからH1 / H2 / pなどをクリックすると、テキストは対応するタグにラップされます。

（例<h1>My text</h1>）。

私の簡単な質問：これらのタグに特定のクラスをアタッチするにはどうすればよいですか。つまり、ユーザーがH1タグボタンをクリックするたびに、次のようなものを生成する必要があります。

<h1 class="someclassname">H1</h1>

私はこれが単純でなければならないことを知っています、誰かが助けることができれば、素晴らしいでしょう。

これが私が使用しているプロジェクトへのリンクです： https ：//github.com/akzhan/jwysiwyg

ありがとうございました。

4

2 に答える 2

1

これが古いスレッドであることは知っていますが、jWYSIWYGと同様の調整を探していたので、他の人に自分の調査結果を投稿したいと思いました。

「exec」を使用して、コントロールのデフォルトの動作をオーバーライドできます。

h1: {
    exec: function () {
        var range = this.getInternalRange(),
            common = $(range.commonAncestorContainer),
            $nodeName = range.commonAncestorContainer.nodeName.toLowerCase();
        if (common.parent('h1').length) {
            common.unwrap();
        } else {
            if ($nodeName !== 'body') {
                common.wrap('<h1 class="someclassname" />');
            }
        }
    }
}
于 2011-08-15T07:07:50.133 に答える
0

ドキュメントを見ると、次のようになっているはずです。

$('#wysiwyg').wysiwyg({
    controls: {
        h1: { className: 'your-class-name' },
        h2: { className: 'your-other-class-name' },
    }
});
于 2011-03-06T19:18:35.643 に答える