在ContentEditable Real Time中解析HTML

Question

这个让我发疯，谷歌给了我一些帮助。

问题： 是否可以在div中运行Html的实时解析器？

问题： 当你输入一个有意义的div时，Html不会成为页面的“真实”部分。 所以，如果我输入

  

    

<b>this is a test</b>

  

然后它将保持这种状态，不会自动转换为这是一个测试。

目标：

  

    

<b>this is a test</b> 转换为 这是一个测试

  

奇怪的是，如果我通过Firebug编辑页面并在其旁边的类型化Html中插入标签，那么它就不会将其转换为“真正的”Html。

然而，当<br>键入然后通过Firebug键入其后的第二个<br>时，它会执行此操作。 （第二个<br>将使键入的<br>'真实'Html。）

键入的标签不会转换为Html特殊字符，而是实际标签，但不转换为Html。如果你通过Firebug强制使用Html标签，那么它们就会显示为真正的Html格式。

我已经尝试了很多，但我已经把想法烧掉了。 我很欣赏ContentEditable是一项新技术，但我们非常感谢任何帮助！

道歉，如果这令人难以置信的不清楚和混乱，这是一个真正的解释。

Answer 1

也许你将解析留给了浏览器。使用两个元素，一个用于输入，另一个用于显示渲染输出。

尝试在HTML副本（通过JS）后使用编辑器元素中的字体透明度到背景元素。