editorState.toHTML()会造成部分信息丢失

[weihomechen]

hi，我遇到一个问题，请帮忙看看，🙏

保存成html或raw格式，获取时使用

// content为保存的内容
const editorState = EditorState.createFrom(content);
const contentHtml = editorState.toHTML();

发现经过toHTML()转换后，得到的contentHtml会造成部分信息丢失，比如data-lang这些，不知道是不是我使用姿势有问题？

[margox]

你是使用了代码高亮扩展模块么？

[weihomechen]

嗯，是的

[weihomechen]

保存到数据库，再获取时这些信息还在，是经过toHTML后发现丢失了

[margox]

我知道了，editorState属性在传入到编辑器组件内部后，编辑器会对这个editorState进行一次setConvertOptions操作，来保证扩展模块里面的转换规则对这个editorState生效，如果editorState不是通过编辑器的onChange获得的话，那转换规则就不会对其生效，这似乎是一个很严重的问题，我尽快解决一下

[margox]

@weihomechen 发布了2.1.23，更新一下试试

[weihomechen]

@margox 辛苦了，经过toHTML()信息不会丢失了。 我想请教一下，得到html后，怎样展示在页面中比较好？ 我使用react的dangerouslySetInnerHTML发现 code 内的 <br/> 会被过滤掉，无法实现换行的效果。
比如

 const editorState = EditorState.createFrom(content);
 const contentHtml = editorState.toHTML();
// contentHtml: <pre data-lang="javascript" class="lang-javascript"><code class="lang-javascript">const a = 1;<br/>const b = 2;</code></pre>

在jsx中使用：

 <div className={styles.contentContainer} dangerouslySetInnerHTML={{ __html: contentHtml }} />

目前效果：

如果手动编辑html，插入<br>，则是期望的效果：

如果您有相关的建议，还望赐教，谢谢

[margox]

你是在展示页用了prismjs进行高亮展示么？可以参考PrismJS/prism#598 (comment)
亲测有效

[weihomechen]

好的～谢谢哈

[margox]

我去到扩展包的README里面去加个说明

[weihomechen]

我就关闭这个issue啦😊