1. go to http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx or use any radEditor instance you have 2. switch to html mode and delete all html content 3. copy the following html code and paste it to the html mode text area. <table width="100%" style="color: inherit; font-family: inherit; font-size: inherit;" cellspacing="0" cellpadding="0"> <tbody> <tr style="padding: 0px;"> <td style="padding: 0px; height: 20px;"> </td> </tr> </tbody> </table> 4.switch back to design mode. 5.copy the following html code: <p>TEST</p> 6. set cursor inside the table (you will see table border in design mode) 6. paste copied html using ctrl+v or paste command from editor tool bar 7. switch to html mode and notice that you have several added to your html
if I set the editor content using set_html() method, it creates an undo point but when you click on undo (or call editor.fire('Undo'); ) undo icon becomes inactive but nothing happens to the content
function setHtmlTestCommand(commandName, editor, args) {
var html = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
html += '<html xmlns="http://www.w3.org/1999/xhtml">';
html += "<p style='color:red;background-color:black;'>Test test test</p>";
html += "</html>";
editor.set_html(html)
};
The problem is due to that full HTML content is set in the content area.