javascript - 在 TinyMCE 插入的标题上自动生成 id

Question

TinyMCE 中的默认行为是这样创建标题：

<h1>My heading text!</h1>

我们目前正在为使用 TinyMCE 的应用程序构建目录宏。我希望生成的标题包含一个随机 ID，以便我们可以轻松地从生成的目录链接到它们。

有没有一种我没有看到的方法来自定义 TinyMCE 如何为标题生成 HTML，以便我可以为每个标题包含一个 id？

Answer 1

我最终决定使用 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

Answer 2

编辑：划掉我之前说的，看起来这就是你想要的：

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

请原谅我对 tinyMCE 的不熟悉，我不确定您是否需要在调用它之前创建/选择一个“活动”编辑器（我会假设是这样），但我敢打赌你可以弄清楚那部分:)