How to wrap Rich Text Area in Visualforce

Question

How do you wrap the text automatically? I have tried several approaches but none of them it works.

Data type for the Description field is: Rich Text Area(131072)

Visualforce page:

<apex:outputText value="{!SUBSTITUTE(description,'\n','\\\n')}"            
                      escape="false" style="white-space:pre;"/>

Controller:

 public String Description {get;set;}

in the controller constructor:

 myobject__c = /*soql*/
 Description = myboject__c.Description__c;

Screen shot:

Answer 1

You need to set your white-space style to pre-wrap. Take a look at the CSS white-space Property:

normal
Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary. This is default

nowrap
Sequences of whitespace will collapse into a single whitespace. Text will never wrap to the next line. The text continues on the same line until a <br> tag is encountered

pre
Whitespace is preserved by the browser. Text will only wrap on line breaks. Acts like the tag in HTML

pre-line
Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary, and on line breaks

pre-wrap
Whitespace is preserved by the browser. Text will wrap when necessary, and on line breaks

initial
Sets this property to its default value. Read about initial Play it » inherit Inherits this property from its parent element. Read about inherit