Style is inserted in text when deleting paragraph tag
Environment
Product Version | 2019.3.917 |
Product | RadEditor for ASP.NET AJAX |
Description
These inline styles are applied by the Chrome/Safari browser as the parent page has some default decoration regarding the page's text.
Steps to Reproduce
Here are the steps to simulate:
- I have existing text in the editor which does not have any style formatting, e.g.
<p>line 1</p><p>line 2</p>
- Now put the cursor in the beginning of the second paragraph and hit backspace
- As you can see from the HTML view mode it now adds a tag with formatting
Solutions
For ContentAreaMode="iframe":
The following solution will clear out any CSS files or styles derived from the parent page and may server as a possible workaround:
<telerik:RadEditor runat="server" ID="RadEditor1" ContentAreaMode="iframe">
<CssFiles>
<telerik:EditorCssFile Value="~/Empty.css" />
</CssFiles>
</telerik:RadEditor>
For ContentAreaMode="div" or for the inline editor: Define a CSS class for the RadEditor div content area which applies a default font and color to the paragraphs:
.reContentArea p {
font: 13px Arial !important;
color: black;
}