如何使用javascript验证HTML标记,然后显示它的预览

How can I validate HTML markup with javascript, and then show a preview of it?

本文关键字:显示 然后 javascript 何使用 验证 HTML 标记      更新时间:2023-09-26

我正在尝试开发和建立一个论坛。我已经走得很远了,但现在有一个问题。

我允许用户在发布线程或回复时从一些 HTML 标签中进行选择,其中包括:

如果用户在内容可编辑的div 元素中键入其中一个,我如何像 stackoverflow 一样验证并显示它的预览?(但没有那么先进)

最简单的方法是:

  1. 捕获键
  2. 阅读文本框中的文本
  3. 将您已读取的内容附加到 DOM(例如将包含文本预览的div)

您可以使用 jquery 捕获事件并附加到 DOM:http://api.jquery.com/keyup/http://api.jquery.com/append/