{"id":363,"date":"2011-02-13T00:17:42","date_gmt":"2011-02-13T00:17:42","guid":{"rendered":"http:\/\/gr-01.de\/whitepapers.grafik-und-redaktion.de\/?p=363"},"modified":"2013-06-03T03:44:22","modified_gmt":"2013-06-03T01:44:22","slug":"tinymce-texteditor-uber-childtheme-per-css-anpassen","status":"publish","type":"post","link":"https:\/\/whitepapers.grafik-und-redaktion.de\/?p=363","title":{"rendered":"TinyMCE-Texteditor \u00fcber Childtheme per CSS anpassen"},"content":{"rendered":"<p>Man kann \u00fcber TinyMCE Advanced dem WordPress-Texteditor die CSS-Stile des Themes ins Men\u00fc \u00fcbergeben. Das kann &#8211; je nach CSS &#8211; die visuelle Anzeige etwas anstrengend machen. Genauso anstrengend ist es, die Tiny-CSS f\u00fcr den Texteditor wirklsam anzusprechen, ohne die WordPress-Core-Files zu editieren. Nat\u00fcrlich geht es trotzdem. Erstmal gebe man dem Theme via <code>functions.php<\/code> folgendes mit:<\/p>\n<p>[php]&lt;?php<br \/>\n\/\/ <a href=\"http:\/\/wordpress.org\/support\/topic\/add-a-css-stylesheet-to-of-the_editor-iframe#post-1284533\" class=\"autohyperlink\" target=\"_blank\">wordpress.org\/support\/topic\/add-a-css-stylesheet-t&#8230;<\/a><br \/>\n$initArray = add_filter(&#8218;tiny_mce_before_init&#8216;, &#8218;tiny_mce_config&#8216;);<br \/>\nfunction tiny_mce_config($initArray){<br \/>\n $initArray[&#8218;content_css&#8216;] = &#8218;\/wp-content\/themes\/YourThemeFolder\/tiny-mce-editorsettings.css?version=&#8216;.time();<br \/>\n return $initArray;<br \/>\n}<br \/>\n?&gt;[\/php]<\/p>\n<p>Dann lege man im Theme-Ordner die entsprechende CSS ab, etwa:<\/p>\n<p>[css]body.mceContentBody {<br \/>\n font: 13px\/19px Georgia, &quot;Times New Roman&quot;, &quot;Bitstream Charter&quot;, Times, serif;<br \/>\n padding: 0.6em;<br \/>\n margin: 0;<br \/>\n width: 90%<br \/>\n}[\/css]<\/p>\n<p>Voil\u00e0.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Man kann \u00fcber TinyMCE Advanced dem WordPress-Texteditor die CSS-Stile des Themes ins Men\u00fc \u00fcbergeben. Das kann &#8211; je nach CSS &#8211; die visuelle Anzeige etwas anstrengend machen. Genauso anstrengend ist es, die Tiny-CSS f\u00fcr den Texteditor wirklsam anzusprechen, ohne die &hellip; <a href=\"https:\/\/whitepapers.grafik-und-redaktion.de\/?p=363\">Weiterlesen &rarr;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27,13],"tags":[29],"_links":{"self":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts\/363"}],"collection":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=363"}],"version-history":[{"count":4,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts\/363\/revisions"}],"predecessor-version":[{"id":3318,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts\/363\/revisions\/3318"}],"wp:attachment":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=363"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=363"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}