{"id":3052,"date":"2019-03-26T02:06:59","date_gmt":"2019-03-26T01:06:59","guid":{"rendered":"https:\/\/www.knowboard.de\/?p=3052"},"modified":"2019-06-13T12:19:37","modified_gmt":"2019-06-13T10:19:37","slug":"add-syntax-highlighting-to-tinymce-text-mode-for-any-custom-post-type","status":"publish","type":"post","link":"https:\/\/www.knowboard.de\/add-syntax-highlighting-to-tinymce-text-mode-for-any-custom-post-type\/","title":{"rendered":"Add Syntax Highlighting to TinyMCE Text Mode for any Custom Post Type"},"content":{"rendered":"<p>TInyMCE has a nice function to switch between html and visual modes. Unfortunately the plain text mdoe with the HTML is not as beatiful as it could be. But there is help out there. Just install this plugin and give it a minor tweak to make it compatible with most other custom pst types. Unfortunately with it&#8217;s basic configuration it only supports posts and pages.<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"DX4vnWMZ3n\"><p><a href=\"https:\/\/de.wordpress.org\/plugins\/html-editor-syntax-highlighter\/\">HTML Editor Syntax Highlighter<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" src=\"https:\/\/de.wordpress.org\/plugins\/html-editor-syntax-highlighter\/embed\/#?secret=DX4vnWMZ3n\" data-secret=\"DX4vnWMZ3n\" width=\"600\" height=\"338\" title=\"&#8222;HTML Editor Syntax Highlighter&#8220; &#8212; Plugin Directory\"  marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<p>What is does it it adds syntax highlighting to the text mode of tinymce. We have to hardcode a minor change so that this does not only apply to pages and posts but also other post types. You can follow the discussion here: <a href=\"https:\/\/wordpress.org\/support\/topic\/force-execution-for-custom-admin-pages\/\">https:\/\/wordpress.org\/support\/topic\/force-execution-for-custom-admin-pages\/<\/a><\/p>\n<p>To also have this functionality in our extension we need to open this file: <strong>\/wp-content\/plugins\/html-editor-syntax-highlighter\/html-editor-syntax-highlighter.php <\/strong>and change the according part over there:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-highlight=\"6-12\">public function __construct () {\n  add_action( 'admin_init', array(&amp;$this, 'hesh_set_options') );\n  add_action( 'wp_ajax_'.$this-&gt;formProcessName, array(&amp;$this, 'hesh_options_form_process'));\n\n  \/\/ Load only on certain pages\n  \/* knowboard: force the highlighter on all pages not just these\n  if (\n    !strstr($_SERVER['SCRIPT_NAME'], 'post.php') &amp;&amp; \n    !strstr($_SERVER['SCRIPT_NAME'], 'post-new.php') &amp;&amp;\n    !strstr($_SERVER['SCRIPT_NAME'], 'editor.php')\n  ) return;\n  *\/\n  add_action( 'admin_enqueue_scripts', array(&amp;$this, 'hesh_admin_enqueue_scripts' ) );\n  add_action( 'admin_footer', array(&amp;$this, 'hesh_output_form') );\n  add_action( 'admin_notices', array(&amp;$this, 'display_survey_notice' ));\n}<\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>TInyMCE has a nice function to switch between html and visual modes. Unfortunately the plain text mdoe with the HTML is not as beatiful as it could be. But there is help out there. Just install this plugin and give it a minor tweak to make it compatible with most other custom pst types. Unfortunately&hellip;<\/p>\n","protected":false},"author":1,"featured_media":502,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[6],"tags":[],"class_list":["post-3052","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","entry","has-media"],"_links":{"self":[{"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/posts\/3052","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/comments?post=3052"}],"version-history":[{"count":0,"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/posts\/3052\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/media\/502"}],"wp:attachment":[{"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/media?parent=3052"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/categories?post=3052"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/tags?post=3052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}