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

Question

TinyMCE 中的默认行为是创建标题，如下所示:

<h1>My heading text!</h1>

我们目前正在为使用 TinyMCE 的应用程序构建目录宏。我希望生成的 header 包含一个随机 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