TinyMCE 4删除/添加所有图像的属性

时间:2015-11-05 作者:user2413244

我想搜索已添加到TinyMCE 4的所有图像,并:

从图像中删除高度属性至所有图像

完成此任务的最佳方法是什么谢谢

1 个回复
SO网友:colecmc

假设您的TinyMCE4容器的id为“tiny-mce-4”,您可以将此js添加到functions.php.

function toArray (collection) {
    return Array.prototype.slice.call(collection);
}

var imgs = toArray(document.querySelectorAll(\'#tiny-mce-4 img\'));


imgs.forEach(function(img){
    img.setAttribute(\'style\', img.getAttribute(\'style\').replace(/((height:).*?(px;))/g, \'max-width: 100%;\'));
});
<div id="tiny-mce-4">

  <img src="img1" style="height: 500px; width: 800px;" />
  <img src="img2" style="height: 500px; width: 800px;" />
  <img src="img3" style="height: 500px; width: 800px;" />
  <img src="img4" style="width: 800px;" />

</div>

  <img src="img5" style="height: 500px; width: 800px;" />