{"id":86810,"date":"2025-07-23T15:15:39","date_gmt":"2025-07-23T15:15:39","guid":{"rendered":"https:\/\/mailinvest.blog\/index.php\/2025\/07\/23\/tinymce4-code-editor\/"},"modified":"2025-07-23T15:16:40","modified_gmt":"2025-07-23T15:16:40","slug":"tinymce4-code-editor","status":"publish","type":"post","link":"https:\/\/mailinvest.blog\/index.php\/2025\/07\/23\/tinymce4-code-editor\/","title":{"rendered":"TinyMCE4 Code Editor"},"content":{"rendered":"<\/a>\n<\/p>\n

LIVE PREVIEW<\/a>BUY FOR $11<\/a><\/p>\n

<\/p>\n

TinyMCE4 has no code editor plugin at default. This plugin is a code editor plugin known as “tinymce4 code editor”, you need to use it in your tinymce editor to toggle code shortly and edit code.<\/p>\n

Options:<\/h3>\n
    \n
  1. Widespread language: It comprises widespread languages on this plugin, and you’ll add others simply.\n<\/li>\n
  2. Code Edit IDE: It use ACE editor to edit code, the editor has code spotlight, syntax examine options.\n<\/li>\n
  3. Fast Toggle code: It comprises shortcut ‘ctrl + shift + c or command + shift +c(mac)` to toggle code quicly.\n<\/li>\n
  4. Fast Set up: Simply add to the tinymce plugins’ folder and replace tinymce configurations. That’s it.\n<\/li>\n
  5. Supply Code: Nothing is hidden.\n<\/li>\n<\/ol>\n

    Set up<\/h3>\n
      \n
    1. Add the information to the tinymce plugins’ folder.<\/li>\n
    2. Replace your tinymce configuration so as to add `leaui_code_editor` plugin, eg:<\/li>\n
      \ntinymce.init( daring italic underline strikethrough \" \n);\n<\/pre>\n<\/ol>\n
      Notice<\/b>: The default css in tinyce has no ”<pre>” type, it’s good to add one other css file which comprises the “pre” type to tinymce(use content_css choice), eg: <\/p>\n
      \ntinymce.init( styleselect formatselect fontselect fontsizeselect );\n<\/pre>\n<\/p>\n
      \n