2

我在 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，如果可能的话，我想保留它。

4

2 回答 2

1

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

于 2012-10-07T22:53:48.150 回答
1

您可以在 tinymce.init 中添加解决它：

relative_urls : false,
content_css : ""
convert_urls : false,
于 2015-06-09T22:49:39.410 回答