javascript - TinyMCEによって挿入された見出しのIDを自動的に生成します

Question

TinyMCEのデフォルトの動作は、次のような見出しを作成することです。

<h1>My heading text!</h1>

現在、TinyMCEを使用するアプリの目次マクロを作成しています。生成された目次から簡単にリンクできるように、生成されたヘッダーにランダムなIDを含めたいと思います。

TinyMCEが見出しのHTMLを生成する方法をカスタマイズして、それぞれのIDを含めることができるようにする方法はありますか？

score 1 · Accepted Answer

私は Nokogiri を使用してこのサーバーサイドを実行することにしました。TinyMCE によって生成された見出しは、xpath クエリによって繰り返されており、そのように ID を設定しています。

doc.xpath(%w(h1 h2 h3 h4 h6).map { |h| Nokogiri::CSS.xpath_for("body #{h}") }.join("|")).each do |node|
  node['id'] = to_anchor(node.content)
end

score 0 · Accepted Answer

編集：私が以前に言ったことをスクラッチします、これはあなたが望むもののように見えます：

tinyMCE.activeEditor.dom.addClass(tinyMCE.activeEditor.dom.select('h1'), 'myClass');

tinyMCEに慣れていないことをお許しください。これを呼び出す前に、「アクティブな」エディターを作成/選択する必要があるかどうかはわかりませんが（そうだと思います）、その部分を理解できると思います:)

2 に答える 2