When a HTMLEditor is put into a MVC view, when ever an event is triggered (For example, click mouse inside editing area or type some word inside it), the height of the control increase.

If it's used in normal an asp.net webform, no such problem.

Does anybody have some idea about this?

Thanks.

James

Hey check out  this solution found it pretty useful

http://www.codeproject.com/KB/aspnet/fckeditor.aspx

 Thank you for your information.

But HTMLEditor may be different. I understand that all Ajax toolkit control has to be used with ScriptManager. For MVC, which scriptmanager should be used?

James

The problem is in Content\Site.css file.
When I have commented the following lines:

/* TABLE
----------------------------------------------------------*/

table
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td
{
  padding: 5px; 
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4;
  border: solid 1px #e8eef4; 
}

Everything works OK.

The problem is in Content\Site.css file.

When I have commented the following lines:

/* TABLE
----------------------------------------------------------*/

table
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td
{
  padding: 5px; 
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4;
  border: solid 1px #e8eef4; 
}

Everything works OK.

It works. Thank you so much. But could you let me know why the table style can cause the problem?

James

You can see "padding" style that is applying to ALL tables in the page, it is not correct.
There should be some class or element's ID...

Editor uses tables and some styles there are not directly defined.

Maybe it should be corrected...