シンプルなJQuery WYSIWYGエディタの質問

Question

私はこのエディタをjWYSIWYGという基本的にはJquery Pluginと呼んでいます。私はいくつかのテキストを選択し、パネルからのH1/H2/Pまたは何をクリックしたときに はだから、私のテキストは、それらの対応するタグ

（例。<h1>My text</h1>）に包まれています。

私の簡単な質問： これらのタグに特定のクラスを追加するにはどうすればよいですか。私が意味する、ユーザーはH1タグボタンをクリックするたびに、私は素晴らしいことだ、私は誰かが助けることができれば、これは、単純である必要があります知っている、それは

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

のようなものを生成します。 https://github.com/akzhan/jwysiwyg

ありがとう：

はここで私が使用しているプロジェクトへのリンクです。

Answer 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" />'); 
      } 
     } 
    } 
} 

Answer 2

のドキュメントを見て、それはこのようなものでなければなりません：

$('#wysiwyg').wysiwyg({ 
    controls: { 
     h1: { className: 'your-class-name' }, 
     h2: { className: 'your-other-class-name' }, 
    } 
});