Javascript 预览div无法在第二行显示“文本”

在我的评论框中，我希望用户评论带有表情和显示。但是textarea只能支持纯文本，所以我在提交之前添加了一个div，在那里可以预览评论

在我的工作中：

变量smileys={ ':': , ':-': }; $document.readyfunction{ $.chat>textarea.bindkeyup，函数E{ $.chat>div.htmlsmilyMe$.chat>textarea.val； }; }; 函数smilymsg{ //笑脸替换 返回msg.replace/\:\\\\\\\:-\\\\:D\\:-D\\\\blol\b\:-\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\-/g，functionall{ 返回微笑[全部]| |全部； }; } divmaintbox{ 边框：2个实心ccc； 填充：0px； 溢出：自动； 宽度：450px； 利润底部：3倍； } 聊天室{ 宽度：400px； } div.chat>div{ 宽度：400px； 颜色：000000； 填充：0px 0px 5px 0px； z指数：997； } div.chat>text区域{ 宽度：400px； 背景：透明； } 可以尝试此操作。首先添加，然后执行其余操作：

变量smileys={ ':': , ':-': };//这里的图像用于演示添加您的图像以供使用。 $document.readyfunction{ $.chat>textarea.bindkeyup，函数E{ $.chat>div.htmlsmilyMe$.chat>textarea.val； }; }; 函数smilymsg{ msg=msg.replace/？：\r\n |\r |\n/g； 返回msg.replace/\:\\\\\\\:-\\\\:D\\:-D\\\\blol\b\:-\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\-/g，functionall{ str=smileys[all]| | all； 返回str； }; } divmaintbox{ 边框：2个实心ccc； 填充：0px； 溢出：自动； 宽度：450px； 利润底部：3倍； } 聊天室{ 宽度：400px； } div.chat>div{ 宽度：400px； 颜色：000000； 填充：0px 0px 5px 0px； z指数：997； } div.chat>text区域{ 宽度：400px； 背景：透明； }

---

textarea中的换行符需要替换为div中的元素。对不起。编辑并更新我的问题。可能是重复的先生。换行符在文本区域中工作正常，但无法在预览窗口中显示。请阅读提供的链接上的答案。顺便说一句，你在理解我的话时遇到了一些问题。要显示文本区域中的换行符以及div中的换行符，需要将其替换为元素，因为div内容呈现为HTML，而不是纯文本。