reactjs - 我可以导出 ReactQuill 值吗？

Question

我尝试使用 jsPDF 导出编辑器的值，但它看起来并不漂亮。如何将值导出为 PDF？

这是我使用 jsPDF 的导出方法，其中 val 是 ReactQuill onChange 事件返回的 html 字符串：

export const exportHtmlStr2PDF = async (val, fileName) => {
  let el = document.createElement("div");
  el.style.width = "400px";
  el.style.fontSize = "10px";
  el.style.display = "block";
  el.style.padding = "30px";
  el.innerHTML = val;
  const margins = {
    top: 40,
    bottom: 60,
    left: 40,
    width: 522,
  };

  // const margin = { top: 10, right: 20, bottom: 10, left: 20 };
  var options = {
    margin: [50, 100, 50, 100],
    callback: function (pdf) {
      pdf.save(fileName ? fileName : uuid() + ".pdf");
      el.remove();
    },
  };

  const pdf = new jsPDF("p", "px", "letter");
  pdf.html(el, options);
};

这是导出的pdf：