富文本区域中的自动换行答案

【问题标题】：Word-Wrap in Rich Text Area富文本区域中的自动换行
【发布时间】：2013-06-27 06:50:00
【问题描述】：

我正在尝试在我的网站中设计一个文本编辑器，我正在为此使用富文本编辑器/富文本区域。但是在使用富文本编辑器/富文本区域时，我无法换行。如果用户尝试编写没有任何空格的语句，则该语句不会换行到下一行，而是在富文本编辑器/富文本区域中生成水平滚动条..

能否帮我包装富文本编辑器/富文本区域的内容。

提前谢谢你

【问题讨论】：

标签： java gwt smartgwt rich-text-editor richtextarea

【解决方案1】：

您尝试过 CSS 方法吗？最后，文本区域是生成的 HTML，它应该可以工作。使用自动换行将其分成几行。

.break-word {word-wrap: break-word;}

【讨论】：

这个 css 可以很好地与我的代码配合使用，但前提是用户正在编写一个正确的语句，并且单词之间有所有空格。如果用户正在编写一个宽度大于富文本区域宽度的单词，则 css 不成功。
断词是为了满足没有空格的长词。如果能贴出富文本区的html代码就好了。这是因为标准的 textarea 应该在它的大小范围内包含任何单词。

【解决方案2】：

试试这个

.breakword
{
     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+ */
}

参考：http://www.2lessons.info/2012/09/how-to-use-prettify-with-bloggerblogspot.html

【讨论】：