Textarea预览 [英] Textarea preview

问题描述

我在textarea和文本预览方面遇到问题.它不能将Enter按钮识别为换行符.有什么想法可以正确进行此预览吗?

我希望此文本在不适合滚动而不是水平滚动时自动换行.

答案:

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

解决方案

您可以在打印textarea中的文本时使用<pre>标记，当在textarea

只需在内容前使用<pre>.

<pre> Text Content From text Area</pre>

I have a problem regarding textarea and text previewing. It doesn't recognize Enter button as a newline character. Any ideas how to make this previewing correctly?

EDIT :

I want this text automatically change line when it's not fitting instead of h-scroll.

Answer :

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

解决方案

You can use <pre> tag while printing text from textarea it will reflect all your new lines as it is entered text in textarea

Just use <pre> before content.e.g.

<pre> Text Content From text Area</pre>

这篇关于Textarea预览的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！