{"id":1072,"date":"2013-11-03T21:32:26","date_gmt":"2013-11-03T10:32:26","guid":{"rendered":"http:\/\/ntsblog.homedev.com.au\/?p=1072"},"modified":"2013-11-03T21:32:26","modified_gmt":"2013-11-03T10:32:26","slug":"ckeditor-html-view-greyed-out","status":"publish","type":"post","link":"https:\/\/ntsblog.homedev.com.au\/index.php\/2013\/11\/03\/ckeditor-html-view-greyed-out\/","title":{"rendered":"CKEditor HTML view greyed out"},"content":{"rendered":"<div id=\"ntsbl-1300354419\" class=\"ntsbl-before-content ntsbl-entity-placement\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6288941070289539\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:inline-block;width:728px;height:90px;\" \ndata-ad-client=\"ca-pub-6288941070289539\" \ndata-ad-slot=\"9356781486\"><\/ins> \n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div><h2>The Problem<\/h2>\n<p>When running CKEditor (3.6.4 for ASP.NET) the editor loads but the HTML view is greyed out.<br \/>\nSwitch to source mode and the HTML code is there but it does not render in HTML View<\/p>\n<h2>Diagnosis<\/h2>\n<p>On further investigation this error only appears to occur in Internet Explorer 10, (IE10) when the browser is running in quirks mode.<\/p>\n<p>To reproduce open the following URL which takes you to a earlier demo of CKEditor 3.6.4<\/p>\n<p><a href=\"http:\/\/rev.ckeditor.com\/ckeditor\/trunk\/7500\/_samples\/skins.html\" target=\"_blank\">http:\/\/rev.ckeditor.com\/ckeditor\/trunk\/7500\/_samples\/skins.html<\/a><\/p>\n<p>In Internet Explorer do the following:<\/p>\n<ol>\n<li>Press F12 &#8211; to launch the developer Tools<\/li>\n<li>On the menubar &#8211; Look for Document Mode and change to Quirks mode<\/li>\n<\/ol>\n<p><a href=\"https:\/\/ntsblog.homedev.com.au\/wp-content\/uploads\/2013\/11\/IEQuirksMode.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1074\" data-permalink=\"https:\/\/ntsblog.homedev.com.au\/index.php\/2013\/11\/03\/ckeditor-html-view-greyed-out\/iequirksmode\/\" data-orig-file=\"https:\/\/ntsblog.homedev.com.au\/wp-content\/uploads\/2013\/11\/IEQuirksMode.png\" data-orig-size=\"532,182\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"IEQuirksMode\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/ntsblog.homedev.com.au\/wp-content\/uploads\/2013\/11\/IEQuirksMode-300x102.png\" data-large-file=\"https:\/\/ntsblog.homedev.com.au\/wp-content\/uploads\/2013\/11\/IEQuirksMode.png\" src=\"https:\/\/ntsblog.homedev.com.au\/wp-content\/uploads\/2013\/11\/IEQuirksMode.png\" alt=\"IEQuirksMode\" width=\"532\" height=\"182\" class=\"aligncenter size-full wp-image-1074\" srcset=\"https:\/\/ntsblog.homedev.com.au\/wp-content\/uploads\/2013\/11\/IEQuirksMode.png 532w, https:\/\/ntsblog.homedev.com.au\/wp-content\/uploads\/2013\/11\/IEQuirksMode-300x102.png 300w\" sizes=\"auto, (max-width: 532px) 100vw, 532px\" \/><\/a><\/p>\n<p>When in quirks mode the control greys out. Switch back the Standard mode and it works.<\/p>\n<h2>The Solution<\/h2>\n<p>You can control which mode the browser runs in, by adjusting the <!DOCTYPE Element\n\nMy page that was broken was ran ...\n[html]\n&lt;!DOCTYPE HTML PUBLIC &quot;-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN&quot;&gt;\n[\/html]\nwhich forced IE10 to go into Quirks Mode\n\nTo fix I borrowed the setting off the CKEditor page\n[html]\n&lt;!DOCTYPE html PUBLIC &quot;-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN&quot; &quot;http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd&quot;&gt;\n[\/html]\nwhich keeps IE 10 in standard mode and there is no issue.\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Problem When running CKEditor (3.6.4 for ASP.NET) the editor loads but the HTML view is greyed out. Switch to source mode and the HTML [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-1072","post","type-post","status-publish","format-standard","hentry","category-asp-net"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ntsblog.homedev.com.au\/index.php\/wp-json\/wp\/v2\/posts\/1072","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ntsblog.homedev.com.au\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ntsblog.homedev.com.au\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ntsblog.homedev.com.au\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ntsblog.homedev.com.au\/index.php\/wp-json\/wp\/v2\/comments?post=1072"}],"version-history":[{"count":0,"href":"https:\/\/ntsblog.homedev.com.au\/index.php\/wp-json\/wp\/v2\/posts\/1072\/revisions"}],"wp:attachment":[{"href":"https:\/\/ntsblog.homedev.com.au\/index.php\/wp-json\/wp\/v2\/media?parent=1072"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ntsblog.homedev.com.au\/index.php\/wp-json\/wp\/v2\/categories?post=1072"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ntsblog.homedev.com.au\/index.php\/wp-json\/wp\/v2\/tags?post=1072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}