Javascript 文本字段实时 View

标签 javascript html textarea

我正在尝试编写类似本页底部的代码来发表评论。我有基本代码,但输出不注册新行(或 HTML,但这并不重要)。我在文本字段上按键时调用了下面的函数。任何帮助将不胜感激。谢谢

这是整个页面(正在工作)

<html>
<body>

<form>
    <textarea id="text" onkeyup="outputText()"></textarea>
</form>

<div id="outputtext" style="width:500px;">
</div>

</body>

<script type="text/javascript">
    function outputText()
    {
        var text = document.getElementById('text').innerHTML;
        document.getElementById('outputtext').innerHTML = (text + '').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1<br>$2');
    }
</script>

</html>

最佳答案

document.getElementById('outputtext').innerHTML = (text + '').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1<br>$2')

关于Javascript 文本字段实时 View ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6111929/

相关文章:

javascript - 设置 iframe 的innerHTML

javascript - 如何在node.js中杀死child_process——req.on close

python - 如何在 Flask 中获取提交表单的名称?

java - JTextField 和 HTML 标签

php - Textarea 破坏了 MySQL 更新查询

jquery - 在 IE10 中通过 jQuery 在 Textarea 上添加 HTML5 占位符属性

JavaScript/jQuery : How to trigger an event when "display: none" is removed?

php - 列 html css

javascript - 向 WMD 编辑器添加自定义按钮

javascript - 确定在监听多重选择上的更改时更改了哪些元素