reactjs + Draftjs 从单词过去

编程问答 2022-05-23

问题描述

我正在使用 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 (将#修改为@）

draft-js-pluginsdraftjsreactjsreactjsreactjsreactjs