Javascript Can';t将HTML转换为编辑器状态
嗯,我试图用给定的HTML创建editorState,但随着事情变得复杂(如嵌套的div或表标记),编辑器似乎无法正确地呈现它们 这是我的密码: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
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: