Question

我需要在wordpress可视化编辑器中选择一个图像，以在短代码对话框窗口中编辑其URL。它工作正常，img url也被替换了：

var content = editor.selection.getContent();
content = content.replace(original_url, new_url);
editor.selection.setContent(content);

但我的问题是要将父选择的图片<a href>属性替换为new_url值。

editor.selection.getContent()函数仅返回img标记：

<img class="wp-image-1007 size-medium" src="**original_url**" width="373" height="250" />

而不是：

<a href="**original_url**" target="_blank">
<img class="wp-image-1007 size-medium" src="**original_url**" width="373" height="250" />
</a>

使用jQuery我可以做到：

var imgsel = editor.selection.getNode();
jQuery(imgsel).parent("a").attr("href", new_url);

但编辑内部并不奏效。如何使用editor.selection.setContent（）函数替换图像链接URL？感谢

Answer 1

尝试使用此代码，使用selection.getNode（）;

var img = editor.selection.getNode();
img.setAttribute('src' , newURL);
var parent  = editor.dom.getParent(img,'a');
parent.setAttribute('href' ,newURL);

如何在Tinymce Wordpress编辑器中设置父选择标记的内容

1 个答案: