This is a migrated thread and some comments may be shown as answers.

Rad Editor content is not coming in <p> tag for single line text

5 Answers 60 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Rajiv
Top achievements
Rank 1
Rajiv asked on 22 Jan 2019, 10:50 AM

Rad Editor content is not coming in <p> tag for single line text.

In Current Version 2018.2.710.45

While I put single line text like "Test" in rad editor and getting value in debug mode as "Test" 

 

In Previous Version 2013.2.717.45
While I put single line text like "Test" in rad editor and getting value in debug mode as "<p>Test</p>" 

 

My expected result is "<p>Test</p>"  in this version 2018.2.710.45;

 

This is happening only for single line text .

 

Please give any solution.

 

5 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 24 Jan 2019, 02:22 PM
Hi Rajiv,

There is a content filter named FixEnclosingP, which strips the empty p tag which Internet Explorer automatically puts in an editabble iframe - as the content area of RadEditor.

This filter is enabled by default and you can disable it by setting 

RadEditor1.DisableFilter(Telerik.Web.UI.EditorFilters.FixEnclosingP);

Best 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.
0
Rajiv
Top achievements
Rank 1
answered on 25 Jan 2019, 10:40 AM

Hi Rumen,

Thanks for reply.

It is right and its working for version 2013.2.717.45 .

But after upgrade from 2013.2.717.45 to 2018.2.710.45 it's not working..

As per my post i want the single line text in "<p>" tag like that "<p>Test</p>"  but its coming like that "Test".

 

My conent filter setting is given below.

ContentFilters="ConvertToXhtml".

 

What should i need to do for O/P:"<p>Test</p>" in version  2018.2.710.45 ?

If you have any solution then please update me.

 

Thanks.

0
Accepted
Rumen
Telerik team
answered on 28 Jan 2019, 01:37 PM
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;
            
            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.
0
Rajiv
Top achievements
Rank 1
answered on 29 Jan 2019, 07:51 AM

Thanks Rumen.

Its working fine for me.

0
Rumen
Telerik team
answered on 29 Jan 2019, 09:04 AM
Glad that the solution helps!

Keep the good work.

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.
Tags
Editor
Asked by
Rajiv
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Rajiv
Top achievements
Rank 1
Share this question
or