javascript - 用新内容替换特定的 dom 元素

Question

我有这样的结构：

<div class="foo">
  <div class="bar">
    Some content
  </div>
  Maybe some other content
</div>

我定义了一个自定义插件来编辑这个部分。我返回新的 html 内容来替换div.foo.

我将新内容设置为：

tinyMCE.activeEditor.selection.setContent(html_content);

我与新插件相关的自定义按钮适用于：foo和bardiv。我的意思是分配了相同的行为。

问题在于保存：我想选择div.foodom 元素并将其替换为 new html_content。那么，如何为 TinyMCE v.3 中的特定 dom 元素设置内容，而不是设置当前（不确定是什么）选择的内容？

（更新：我不在乎用户在按下 MyCustomButton 之前选择了什么，如果foo选择了 div 中的某些内容，则将整个部分替换为新内容。）

score 1 · Accepted Answer

它似乎只使用一些 jQuery 代码：

var $old_section = $("iframe").contents().find('div.foo').first();
$old_section.replaceWith(html_content);

有待改进：让 .foo 最接近给定的选择。

1 回答 1