创建类似 Stack Overflow 的表单答案

【问题标题】：Create a Stack Overflow-like form创建类似 Stack Overflow 的表单
【发布时间】：2014-07-17 09:02:24
【问题描述】：

我正在尝试创建一个在其下方直接打印输入的表单，就像您在 Stack Overflow 上写问题时一样。但是，由于我是 Javascript 等新手，我不知道如何搜索正确的函数（我不知道该技术的正确名称）。

只要朝着正确的方向努力就会有很大的帮助！谢谢！

【问题讨论】：

如果只是纯文本，Javascript 会非常简单，但是，这里的表单会解析文本并使用 MarkDown 以正确的格式输出。
也许你可以搜索 JS 降价编辑器，但我认为 S.O.有他的自制编辑器
嗯，它不一定是 Markdown 编辑器，它只是纯文本，我认为 SO 是一个很好的例子，因为这里的每个人都使用过它。如果你能指出我正确的方向@Mike，那将是完美的！
在下面查看我的答案。这应该够了吧。这很好很简单，但如果你需要我解释什么，请在下面评论。

【解决方案1】：

<!doctype html>
<html>
    <head>
    </head>
    <body>
        <script>
        function myFunction()
        {
            var input = document.getElementById('fname')
            var div = document.getElementById('text');
            div.innerHTML = escape(input.value);
        }
        </script>
        <input type="text" id="fname" onkeyup="myFunction()">
        <div id="text"></div>
    </body>
</html>

【讨论】：

这很有意义。我可以阅读 Javascript，只是对它的了解还不够好，无法编写它。您之前在 cmets 中链接的问题被窃听，因为即使输入字段是 Robbert，我的名字也会像 RRoRobRobbRobbeRobberRobbert。但这有效！再次感谢！
大家都试过codecademy.com吗？如果没有，您应该这样做，这很好，希望对您有很大帮助。
请注意此示例中明显的 HTML 注入漏洞 :)
它将离线，只是一个同事创建HTML表格的工具，她无需学习如何手工制作。但是感谢@AKX 的提醒！
@Mike 我完成了 Codecademy 的 Javascript 课程，但不记得我的作业是这样的。