JSFiddle - React, Tailwind, and code Playground

by deswolf

HTML

<div class="rte-RichText">
  <p>Some text</p>
  <p><img src="#" alt="x" /></p>
  <p>Some text</p>
  <p><img src="#" alt="x" /></p>
</div>

CSS

p {
  background:red;
}

img {
  display:inline-block;
  background:yellow;
  width:30px;
  height:40px;
}

JavaScript

var allImages = document.querySelectorAll("img");

function removeParentFromImg(imgElement) {
  imgElement.parentNode.insertBefore(imgElement, imgElement);
  imgElement.parentNode.removeChild(imgElement);
}

removeParentFromImg(allImages[0]);