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。当我尝试更新我的内容时。 That data-mce-src似乎被用作我图片的src。

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

更新

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

有关

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

Answer 1

我添加了imageNode.setAttribute('data-mce-src', 'image2.png');，这就是诀窍。希望这将有助于将来的其他人。

Answer 2

你可以通过添加tinymce.init来解决它：

relative_urls : false,
content_css : ""
convert_urls : false,

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

2 个答案: