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
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:
Once we get the app running we are seeing paragraph tags wrapped around everything we type.
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
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>
<
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
Hello Joe,
Alex Gyoshev
the Telerik team
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!