微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

reactjs + Draftjs 从单词过去

如何解决reactjs + Draftjs 从单词过去

我正在使用 Draftjs,我已经看到当有人通过它时,它会生成一个 word 文档的基本翻译。 我正在使用 handlePastedText 函数拦截 html 并使用 convertFromHTML 将其转换为 Draftjs EditorState。 我还想翻译内联样式,如背景颜色。

我该怎么做?如何创建自定义内联样式并将其应用于正确的文本?

 const handlePastedText = (text,html,editorState,onChange) => {
    const blocksFromHTML = convertFromHTML(html);

    const newEditorState = ContentState.createFromBlockArray(
      blocksFromHTML.contentBlocks,blocksFromHTML.entityMap,);
 }

例如Draftjs 无法将此 html <span style="background: #c0504d">text background</span>(这是 docx 单词过去的结果)转换为正确的 Draftjs 实体并显示背景。

我还尝试用正确的“draftjs span”替换跨度:

let html = html.replaceAll(
  '<span style="background: #c0504d">text background</span>','<span style="background-color: #c0504d;">
     <span data-text="true">background-color</span>
   </span>'
);

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。