所有图像的 TinyMCE 4 remove/add 属性

Question

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

1. 从图像中删除高度属性

2. 为所有图像添加样式="max-width: 100%;"

   • 我正在使用 wordpress。

执行此任务的最佳方法是什么？

谢谢

Answer 1

你可以这样做：

纯javascript:

var body = tinymce.get('your_editor_id').getBody();

[].forEach.call(
  body.querySelectorAll('img'), 
  function(el){
    el.removeAttribute('heigth');
    el.setAttribute("style", "max-width: 100%;");
  }
);

或使用jQuery:

var body = tinymce.get('your_editor_id').getBody();
$(body).find('img').removeAttr('height').css('max-width', '100%');