javascript - textarea 输入的弹出预览

Question

我想为帖子创建一个预览功能，允许人们查看他们在文本区域中输入的内容的输出，一旦提交它会如何显示。论坛使用bbcode并且不允许在帖子中使用html并且textarea框的id是“message”

谁能帮我创建一个弹出窗口，可以在弹出窗口中预览这篇文章，而无需将其任何数据传递到数据库并返回？

我真的应该提供更多信息，我意识到...基本上我们有一个

形式的帖子表单

<textarea id=\"message\" name=\"message\" style=\"width:515; height:160; font-family: Verdana; font-size: 8pt; color: #000000\" onKeyDown=\"countit()\"></textarea>

带有提交按钮

<input type=\"image\" src=\"newlayout/images/reply.png\" height=\"35\" width=\"109\" border=\"0\" alt=\"Submit\">

当它被点击时，表单被发送到另一个页面，从那里它被插入到数据库中。我希望有一个预览按钮，就像 livejournal 上的那个按钮，在那里创建一个新的弹出窗口并显示帖子的样子。我查看了 livejournal 上的源代码，它提供了 jQuery，所以我尝试了这里给出的代码:http://haacked.com/archive/2009/12/15/live-preview-jquery-plugin.aspx然而，这没有用，因为什么都没有出现，而且我也不喜欢实时预览的想法。

我还尝试了这里的 javascript 代码:http://www.codingforums.com/showthread.php?t=174810 , 但再一次，它没有得出任何结果......

我希望这是很好的信息，如果我还需要包含任何其他信息，请告诉我:)

Answer 1

这个问题越来越接近于“为我编写代码”，但如果您只是想通过最佳方法获得帮助，这里有一些:

最干净的是有一个按钮(通过 javascript)更改表单的 action 和 target 并触发 submit()... 这将发送所有通过将数据发布到模板页面，该页面可以获取 $_POST 数据并将其放入模仿实时模板的模板中。

或者，您可以让 JavaScript/Jquery 获取所有字段值，并在 javascript 中构建 HTML 模板，然后将其传递到样式为 (a) 的页面上的 div弹出窗口和 (b) 具有模仿实时页面的 CSS。

有很多方法可以做到这一点，但这些都行得通。如果您尝试做某事并陷入困境，请告诉我们，我们会帮助您。