RadEditro - Not wrapped in DIV mode

[jawahar]

In your demo URL

http://demos.telerik.com/aspnet-ajax/editor/examples/settingcontentareadefaults/defaultcs.aspx

When i Select ContentAreaMode as "DIV" and typed the continuous letter without any space/Break then RadEditor's width increases.

But if have it in IFrame mode and typed the continuous letters then once reached end of rad editor it automatically wrapped.

Above is my current requirement, so please help me to solve this issue.

Also see attached image for reference.


Thanks,
Jawahar.

[Rumen]

Hello,

The reported issue is the default browser behavior of the editable DIV element and you can reproduce it with a standard editable div element (<div contenteditable="true" style="border: 1px solid red;">type long continuous word here</div>). The solution is to apply some width to the DIV element. For RadEditor you should apply the following class:

.reContentArea

{

    word-wrap: break-word;

    width: 300px;

}

Greetings,
Rumen
the Telerik team

[jawahar]

Thanks... It worked fine. I have one more requirement.

Is there any possibility to decrease the space between text and the vertical scroll bar....??Compare to iframe mode in div mode there is more space between the text and the vertical scroll bar.Please see the attached image(Highlighted in yellow colour) for more details.

Note.In my case only editor will be visible to the user..

Thanks and Regards,
Jawahar

[Rumen]

Hello,

The highlighted in yellow space in your screenshot is controlled by the width setting of the .reContentArea class. See this video for more information: http://screencast.com/t/KrgVaaatNVNU.

Greetings,
Rumen
the Telerik team

[jawahar]

Thanks rumen for your instant support.Really it saved my time.

Regards,
Jawahar