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.