Hello Rajiv,
Here you are a
custom filter implementation which takes care of adding the paragraph tag surrounding over the single line or empty content area:
<script>
var $T = Telerik.Web.UI;
$E = $T.Editor;
var utils = $E.Utils;
var editorObject;
function OnClientLoad(editor, args) {
editorObject = editor;
editor.get_filtersManager().add(new RadEditorCustomFilter());
}
RadEditorCustomFilter = function () {
RadEditorCustomFilter.initializeBase(this);
this.set_isDom(true);
this.set_enabled(true);
this.set_name("RadEditor filter");
this.set_description("RadEditor filter description");
}
RadEditorCustomFilter.prototype =
{
getHtmlContent: function (contentElement) {
var bodyElement = utils.isTag(contentElement, "html") ?
contentElement.getElementsByTagName("BODY")[0] : contentElement;
var bodyFirstChild = bodyElement ? bodyElement.firstChild : null;
debugger
if (!utils.isTag(bodyFirstChild, "p") && bodyElement.childNodes.length == 1 && !utils.hasAttributes(bodyFirstChild)) {
var paragraph = editorObject.get_document().createElement("p");
paragraph.appendChild(bodyFirstChild);
contentElement.appendChild(paragraph);
}
else if (editorObject.get_html() == "") {
var paragraph = editorObject.get_document().createElement("p");
var textNode = editorObject.get_document().createTextNode("");
paragraph.appendChild(textNode);
contentElement.appendChild(paragraph);
}
return contentElement;
}
}
RadEditorCustomFilter.registerClass('RadEditorCustomFilter', Telerik.Web.UI.Editor.Filter);
</script>
<telerik:RadEditor ID="RadEditor1" runat="server" OnClientLoad="OnClientLoad">
<Content></Content>
</telerik:RadEditor>
You can further enhance it, if needed.
Regards,
Rumen
Progress Telerik
Get
quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers.
Learn More.