How to prevent wrappping in rad editor?

[Nilanjan]

I have a rad editor of certain width and height. When i keep on typing characters, the words get wrapped to the next line after reaching the end of the content area.   However i would like the words not to wrap and continue in a single line till i manually press enter. A scrollbar needs to appear at the bottom for horizontally scrolling the content.  How can i achieve this with rad editor?

I want to display the content as it is,  in another screen in perfectly the same way it looked when it was being edited including line breaks and non wrappings,etc.

Pls this is urgent.

Nilanjan.

[Rumen]

Hello Nilanjan,

In order to achieve your scenario, you should set the CssFiles property to point to an external css file and in it to set a global body tag with word-wrap: normal;, e.g.

        <telerik:RadEditor ID="RadEditor1" runat="server">
            <Content>
            </Content>
            <CssFiles>
                <telerik:EditorCssFile Value="~/EditorContentArea.css" />
            </CssFiles>
        </telerik:RadEditor>


EditorContentArea.css:

body
{
    word-wrap: normal;
    color: black;
    background-color: white;
    padding:3px;
    background-image: none;
    margin: 0px;
    text-align: left;
}

Thus when typing the long word will be not wrapped to the next line when it exceeds the horizontal boundary of the editor.

Best regards,
Rumen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.