{"id":102,"date":"2008-12-23T13:52:27","date_gmt":"2008-12-23T18:52:27","guid":{"rendered":"http:\/\/www.cfchimp.com\/wordpress\/?p=102"},"modified":"2024-12-05T19:56:07","modified_gmt":"2024-12-06T00:56:07","slug":"change-background-color-of-fckeditor-coldfusion-rich-textarea","status":"publish","type":"post","link":"https:\/\/csimmons.dev\/blog\/2008\/12\/change-background-color-of-fckeditor-coldfusion-rich-textarea\/","title":{"rendered":"Change background color of  fckeditor \/ ColdFusion rich textarea"},"content":{"rendered":"<p><em><strong>Preface:<\/strong> I work on a project for my office that is hosted by a third party.\u00ac\u0086 Therefore, I do not have access to all the inner workings of ColdFusion.\u00ac\u0086 Specifically I do not have access to the fck_editorarea.css file.<\/em><\/p>\n<p>For a new form in the project I need to add a rich textarea.\u00ac\u0086 The rich textarea will sit atop a div with a background color so I need to change the textarea&#8217;s background color to white.\u00ac\u0086 If I can&#8217;t access fck_editorarea.css to change the style what can I do?\u00ac\u0086 I can change it via the DOM with JavaScript.\u00ac\u0086 For kicks I also added a border.\u00ac\u0086 Place the following script just before the &lt;\/html&gt; tag.<\/p>\n<p><code>&lt;script type=\"text\/javascript\"&gt;<br \/>\nfckItem=document.getElementById('NEWSBODY___Frame');<br \/>\n\/\/ change bgcolor<br \/>\nfckItem.style.backgroundColor=\"#FFFFFF\";<br \/>\n\/\/ add a border<br \/>\nfckItem.style.border=\"1px solid #0A0A4F\";<br \/>\n&lt;\/script&gt;<br \/>\n<\/code><\/p>\n<p>Easy enough.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Preface: I work on a project for my office that is hosted by a third party.\u00ac\u0086 Therefore, I do not have access to all the inner workings of ColdFusion.\u00ac\u0086 Specifically I do not have access to the fck_editorarea.css file. For a new form in the project I need to add a rich textarea.\u00ac\u0086 The rich &#8230; <a title=\"Change background color of  fckeditor \/ ColdFusion rich textarea\" class=\"read-more\" href=\"https:\/\/csimmons.dev\/blog\/2008\/12\/change-background-color-of-fckeditor-coldfusion-rich-textarea\/\" aria-label=\"Read more about Change background color of  fckeditor \/ ColdFusion rich textarea\">Read more<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"_cloudinary_featured_overwrite":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":[68],"tags":[48],"class_list":["post-102","post","type-post","status-publish","format-standard","hentry","category-developer","tag-coldfusion"],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/pbVg43-1E","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/csimmons.dev\/blog\/wp-json\/wp\/v2\/posts\/102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/csimmons.dev\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/csimmons.dev\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/csimmons.dev\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/csimmons.dev\/blog\/wp-json\/wp\/v2\/comments?post=102"}],"version-history":[{"count":0,"href":"https:\/\/csimmons.dev\/blog\/wp-json\/wp\/v2\/posts\/102\/revisions"}],"wp:attachment":[{"href":"https:\/\/csimmons.dev\/blog\/wp-json\/wp\/v2\/media?parent=102"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/csimmons.dev\/blog\/wp-json\/wp\/v2\/categories?post=102"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/csimmons.dev\/blog\/wp-json\/wp\/v2\/tags?post=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}