有人可以描述和高级别(详细的课程)如何设计html编辑器预览功能?
(比如在这个网站上)
你真的要做什么?
好吧,一个非常简单的可能只是将用户的输入分配给a的HTML div
.使用jQuery,这看起来像这样:
如果您不使用jQuery,则可以调查该innerHTML
属性,即您为预览分配的属性.
请注意,您可能希望对用户的输入进行一些过滤; 从您的站点提供任意HTML将允许针对您的域的XSS(跨站点脚本).请注意,编写有效的过滤器可能非常困难,并且一个好的过滤器(如stackoverflow使用的过滤器)几乎肯定会基于白名单.