Image height is not applied

[imismailpe]

the height attribute on delta for image is ignored and only width attribute is applied on img tag.

[imismailpe]

found a workaround as below:

`import { QuillDeltaToHtmlConverter } from "quill-delta-to-html";
import Delta from "quill-delta";

function transformImagesToCustomBlot(delta) {
//only width attribute is applied by the library. height is ignored. transformImagesToCustomBlot is requied to apply both
const newDelta = new Delta();

delta.ops.forEach(op => {
if (op.insert && op.insert.image) {
// Replace with custom blot format
newDelta.insert({ customImage: { src: op.insert.image, alt: '' } }, op.attributes);
} else {
// Copy other operations as-is
newDelta.push(op);
}
});

return newDelta;
}

const quillGetHTML = (inputDelta) => {
const deltaWithCustomImage = transformImagesToCustomBlot(inputDelta);
const converter = new QuillDeltaToHtmlConverter(deltaWithCustomImage?.ops, { multiLineParagraph: false });

converter.renderCustomWith((customOp) => {
if (customOp.insert?.type === "customImage") {
const { src: imageSrc} = customOp.insert.value;
const { width, height } = customOp.attributes || {};
const widthAttr = width ? width="${width}" : "";
const heightAttr = height ? height="${height}" : "";
return <img src="${imageSrc}" ${widthAttr} ${heightAttr} />;
}
return null;
});

const html = converter.convert();
return html;
};

export default quillGetHTML;
`