javascript - tinyMCE 图像显示正确，但不更新 src

Question

我在tinyMCE和图像方面遇到了一个奇怪的问题。我正在尝试更新已添加到tinyMCE 的图像。例如，假设我有以下图像

<img src="image1.png" title="title1" alt="alt1" class="class1" />

我运行以下脚本:

imageNode.setAttribute('src', 'image2.png');
imageNode.setAttribute('title', 'title2');
imageNode.setAttribute('alt', 'alt2');
imageNode.setAttribute('class', 'class2');

结果是:

<img src="image1.png" title="title2" alt="alt2" class="class2" />

请注意，我仍然得到 image1，而不是 image2，但其他所有内容都更新得很好。此外，新图像(image2)显示在tinyMCE中，而不是旧图像。尽管如此，当我单击tinyMCE上的HTML按钮时，它显示src尚未正确更新。

当我查看源代码时，我看到:

<img src="image2.png" data-mce-src="image1.png" title="title2" alt="alt2" class="class2" />

请注意，src 实际上是正确的，但还有一个附加属性 data-mce-src。当我尝试更新我的内容时。 那个 data-mce-src 似乎被用作我的图像的 src。

除了 setAttribute 之外，还有其他方法可以设置图像的 src 吗？

更新:

我认为这与此有关http://www.tinymce.com/wiki.php/Configuration:convert_urls

但是，我喜欢它使用相对 URL，并且如果可能的话我想保留它。

Answer 1

我添加了 imageNode.setAttribute('data-mce-src', 'image2.png'); 就成功了。希望这会在将来对其他人有所帮助。