Hi,
I am wondering if you could help me. I am using WebhtmlEditor with Standard style.
If I a add a link i.e.
<link href="css/modern_leomice_build.css" rel="stylesheet" type="text/css" />
<link href="css/modern-responsive.css" rel="stylesheet" type="text/css" />
to my Content. the whole Environment Change to this style. Is there a way to use Content of htmleditor like a sandbox without changing the whole style of the Environment?
Cheers
Michael
Hello Michael,
Can you clarify – do you add the links to these styles on the page containing “WebHtmlEditor” or you add them in the html view window of the Html editor itself?
I am looking forward to hearing from you.
Hi ,
I have added the link in html view of the Editor itself. the whole style of the page changes, you can try it in your samples
http://ko.infragistics.com/products/aspnet/sample/html-editor/webhtmleditor-with-webspellchecker
and insert this snipe to the html editor
<link href="http://service.leomice.de/Content/modern_green.css" rel="stylesheet" type="text/css">
Do you need any further help regarding this matter? Please feel free to contact me if you have any further questions.
Sincerely,
Tsanna
Note that when you add html to the editable area that html will get added to the page DOM. Due to this the style will be loaded for the whole page.
In some browsers like Chrome or Firefox the editable area of the editor is enclosed in an iframe. In this case since the content is essentially loaded in a separate page the style will only be applied to the content of the editable area.
However in IE an editable div is used. Due to this any html you add will be added to the current page DOM.
If you use IE you can enclose the editor inside an iframe. Then the style will only be applied to the content of that iframe.
For your reference I’m attaching you a sample with similar scenario. If you have any further questions, please let me know.