Attach dimension style for img (get height/width value from height/width properties)

attachDimensionStyleForImage.ts

 /**
 * html-to-rtf-browser not recognize height/style property of img tag
 * so, need add height/size to style property to avoid image lose rtf picture size.
 */
function attachDimensionStyleForImage(htmlString: string): string {
  try {
    const domParser = new DOMParser();
    const doc = domParser.parseFromString(htmlString, "text/html");
    const images = doc.getElementsByTagName("img");
    for (let i = 0; i < images.length; i++) {
      const image = images[i];
      const width = image.getAttribute("width");
      const height = image.getAttribute("height");

      if (width === null || height === null) {
        throw new Error("img width or height cannot be null");
      }

      const style = image.getAttribute("style");

      if (style === null) {
        image.setAttribute("style", `height:${height}px;width:${width}px;`);
      } else {
        image.setAttribute(
          "style",
          `${style};height:${height}px;width:${width}px;`
        );
      }

      return doc.body.innerHTML;
    }
  } catch (error) {
    console.error("attachDimensionStyleForImage error", error);
    return htmlString;
  }

  return htmlString;
}