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

Text wraps with Paragraph(<p>) tag

2 Answers 590 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Naren
Top achievements
Rank 1
Naren asked on 31 Oct 2012, 04:46 PM

If I write any text even it is single word, entire Text is wrapped with <p> tags which is giving empty space (margin) in SSRS report. 
Telerik Editor Control has option to disable this behavior with FixEnclosingP Content Filter.

Is there any configuration in Kendo Editor like FixEnclosingP in Telerik Editor Control?


2 Answers, 1 is accepted

Sort by
0
Joe
Top achievements
Rank 2
answered on 13 May 2013, 04:38 PM
We are suffering the same problem.
The HTML Editor is created from a textarea like this:
<textarea id="Body" name="Body" rows="10" cols="30" data-role="customeditor"
data-tools='[{name:"bold" },{name:"italic"},{name:"underline"},{name:"strikethrough"},{name:"fontName"},{name:"fontSize"},{name:"foreColor"},{name:"backColor"},{name:"customJustifyLeft",exec:customJustifyLeft},{name:"customJustifyCenter",exec:customJustifyCenter},{name:"customJustifyRight",exec:customJustifyRight},{name:"justifyLeft"},{name:"justifyCenter"},{name:"justifyRight"},{name:"customUnorderedList",exec:customUnorderedList},{name:"insertUnorderedList"},{name:"customOrderedList",exec:customOrderedList},{name:"insertOrderedList"},{name:"indent"},{name:"outdent"},{name:"customInsertLink",exec:customInsertLink},{name:"createLink"},{name:"unlink"},{name:"insertImage"},{name:"viewHtml"},{name:"insertToken",tooltip:"Insert Token",exec:insertToken},{name:"insertStaticTable",tooltip:"Insert Static Table",exec:insertStaticTable},{name:"insertRepeatingTable",tooltip:"Insert Repeating Table",exec:insertRepeatingTable},{name:"customTemplate",template:$("#backgroundColor-template").html()},{name:"saveTemplate",tooltip:"Save Template",exec:saveTemplate}]'
data-bind="value: Job.Body, contentEditable: JobStatus.IsModifyable" style="width: 1000px;
height: 400px; margin-top: 10px; font-family: Arial,Helvetica,sans-serif; font-size: x-small">
</textarea>
Once we get the app running we are seeing paragraph tags wrapped around everything we type.
<table class="k-widget k-editor k-header" cellspacing="4" cellpadding="0" role="presentation" style="width: 1002px; height: 402px;">
<tbody>
<tr role="presentation">
<tr>
<td class="k-editable-area">
<iframe class="k-content" frameborder="0" src="javascript:""">
<!DOCTYPE html>
<html>
<head>
<body contenteditable="true">
<p>
<p style="line-height:normal;margin-bottom:0pt;">
<p style="line-height:normal;margin-bottom:0pt;">
<span style="font-family:'Arial','sans-serif';font-size:10pt;">This is a reminder that clients with and/or parties to lines of credit at Raymond James Bank and secured by Morgan Keegan brokerage accounts received a mailing regarding the terms of the loans. The mailing was sent from Raymond James Bank at the end of December. </span>
</p>
<p style="line-height:normal;margin-bottom:0pt;">
<span style="font-family:'Arial','sans-serif';font-size:10pt;"> </span>
</p>
<p style="line-height:normal;margin-bottom:0pt;">
<p style="line-height:normal;margin-bottom:0pt;">
<p style="line-height:normal;margin-bottom:0pt;">
<p style="line-height:normal;margin-bottom:0pt;">
<strong>
<span style="color:black;font-family:'Arial','sans-serif';font-size:10pt;"> </span>
</strong>
</p>
<p style="line-height:normal;margin-bottom:0pt;">
<p style="line-height:normal;margin-bottom:0pt;">
<p style="line-height:normal;margin-bottom:0pt;">
<p style="line-height:normal;margin-bottom:0pt;">
<p style="line-height:normal;margin-bottom:12pt;">
<p style="line-height:normal;margin-bottom:0pt;">
<p style="line-height:normal;margin-bottom:0pt;">
<p style="line-height:normal;margin-bottom:0pt;">
<p style="line-height:normal;margin-bottom:0pt;">
<p style="line-height:normal;margin-bottom:0pt;">
<p style="line-height:normal;margin-bottom:0pt;">
<p style="line-height:normal;margin-bottom:0pt;">
<p style="line-height:normal;margin-bottom:0pt;">
<table class="RJ_static_table" style="border-collapse:collapse;border-spacing:0;">
<p>
<p style="line-height:normal;margin-bottom:0pt;">
<p style="line-height:normal;margin-bottom:0pt;">
<p style="line-height:normal;margin-bottom:0pt;">
<p style="line-height:normal;margin-bottom:0pt;">
<p style="line-height:normal;margin-bottom:0pt;">
<table class="RJ_repeating_table" style="border-collapse:collapse;border-spacing:0;">
<p>
<p style="line-height:normal;margin-bottom:0pt;">
<p>
<p style="line-height:normal;margin-bottom:0pt;">
</body>
</html>
</iframe>
<textarea id="Body" class="k-content k-raw-content" style="width: 1000px; height: 400px; margin-top: 10px; font-family: Arial,Helvetica,sans-serif; font-size: x-small; display: none;" data-bind="value: Job.Body, contentEditable: JobStatus.IsModifyable" data-tools="[{name:"bold" },{name:"italic"},{name:"underline"},{name:"strikethrough"},{name:"fontName"},{name:"fontSize"},{name:"foreColor"},{name:"backColor"},{name:"customJustifyLeft",exec:customJustifyLeft},{name:"customJustifyCenter",exec:customJustifyCenter},{name:"customJustifyRight",exec:customJustifyRight},{name:"justifyLeft"},{name:"justifyCenter"},{name:"justifyRight"},{name:"customUnorderedList",exec:customUnorderedList},{name:"insertUnorderedList"},{name:"customOrderedList",exec:customOrderedList},{name:"...nt"},{name:"outdent"},{name:"customInsertLink",exec:customInsertLink},{name:"createLink"},{name:"unlink"},{name:"insertImage"},{name:"viewHtml"},{name:"insertToken",tooltip:"Insert Token",exec:insertToken},{name:"insertStaticTable",tooltip:"Insert Static Table",exec:insertStaticTable},{name:"insertRepeatingTable",tooltip:"Insert Repeating Table",exec:insertRepeatingTable},{name:"customTemplate",template:$("#backgroundColor-template").html()},{name:"saveTemplate",tooltip:"Save Template",exec:saveTemplate}]" data-role="customeditor" cols="30" rows="10" name="Body" autocomplete="off"> </textarea>handler=Object { element=kendoJQuery, _events={...}, options={...}, more...}kendoCustomEditor=Object { element=kendoJQuery, _events={...}, options={...}, more...}
</td>
</tr>
</tbody>
</table>


The paragraph tags are not desired.
The paragraph tags are causing the text to display incorrectly.  The text looks like 1.5 line spacing.
This is causing us to fail quality testing because the users are extremely picky about the WYSIWYG capability.
They want the text to look exactly perfect and they want the resulting artifact to look exactly the same.
The paragraph tags are ruining the HTML Editor and we need to eliminate them.
How can we eliminate the undesired paragraph tags?
Thanks for your help.
Joe
0
Alex Gyoshev
Telerik team
answered on 14 May 2013, 02:02 PM
Hello Joe,

You can suppress the default paragraph behavior through the defaultTools class field that is available in the latest releases.

Please refrain from posting the same question in several threads -- we monitor the forums and support channels and will provide an answer in the designated time frame.

Regards,
Alex Gyoshev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Editor
Asked by
Naren
Top achievements
Rank 1
Answers by
Joe
Top achievements
Rank 2
Alex Gyoshev
Telerik team
Share this question
or