Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Can';t将HTML转换为编辑器状态_Javascript_Reactjs_Draftjs - Fatal编程技术网

Javascript Can';t将HTML转换为编辑器状态

Javascript Can';t将HTML转换为编辑器状态,javascript,reactjs,draftjs,Javascript,Reactjs,Draftjs,嗯,我试图用给定的HTML创建editorState,但随着事情变得复杂(如嵌套的div或表标记),编辑器似乎无法正确地呈现它们 这是我的密码: const blocks = htmlToDraft(props.html); const { contentBlocks, entityMap } = blocks; const contentState = ContentState.createFromBlockArray(contentBlocks, entityMap); const edit

嗯,我试图用给定的HTML创建editorState,但随着事情变得复杂(如嵌套的div或表标记),编辑器似乎无法正确地呈现它们

这是我的密码:

const blocks = htmlToDraft(props.html);
const { contentBlocks, entityMap } = blocks;
const contentState = ContentState.createFromBlockArray(contentBlocks, entityMap);
const editorState = EditorState.createWithContent(contentState);
对于像
Hey
这样的简单示例,这完全没问题,但是当我尝试

<body style="--theme-text-color: #757575; --theme-secondary-text-color: 
hsla(0, 0%, 46%, 0.32); --theme-shadow-color: #FFFFFF;">
 <div data-x-div- type="html">
  <div data-x-div-type="body">
   <div style="padding: 10px; font-size: 12px; text-align: center; word- 
    wrap:break-word;"> 
     <div style="border:4px solid #f09650; padding: 15px; width: 370px;"> 
      <h2 style="margin: 5px; font-size: 18px; line-height: 1.4;">33</h2> 
      <span>Starts at ... </span><br> 
      <span>Calendar: sample@mail</span><br><br>
      <span></span><br> 
    </div> 
    <p style="color:#667766; width: 400px; font-size: 10px;">This message 
    arrived to your <a href="mailto:sample@mail">sample@mail</a> account 
    because you  ordered event notification</p> 
   </div>
  </div>
 </div>
</body>

33
开始于
日历:sample@mail


此消息 到达您的帐户 因为您订购了事件通知

编辑器只是将其解析为字符串,并没有正确显示HTML


我已经尝试了数千种不同的方法来修复它,所有这些方法都像是
导入html草稿js
从html
获取状态,以及其他的side libs,但都没有效果。所以现在我真的很绝望,希望至少能得到一个提示。

你在使用哪个编辑器?我在使用react draft wysiwyg: