Use CodeMirror editor for both CSS and HTML on the same page

I just ran into this exact issue and with a tiny bit of tweaking it should work, what you have is 90% of the way there.

I’ve tweaked your code slightly so it should now work.

The PHP:

add_action('admin_enqueue_scripts', 'joermo_enqueue_scripts');
function joermo_enqueue_scripts($hook) {
    $joermo_code['ce_html'] = wp_enqueue_code_editor(array('type' => 'text/html'));
    $joermo_code['ce_css'] = wp_enqueue_code_editor(array('type' => 'text/css'));
    wp_localize_script('jquery', 'joermo_code', $joermo_code);

    wp_enqueue_script('wp-theme-plugin-editor');
    wp_enqueue_style('wp-codemirror');
}

The jQuery:

jQuery(function() {
    wp.ce_html.initialize(jQuery('.joermo-html-code-editor'), joermo_code);
    wp.ce_css.initialize(jQuery('.joermo-css-code-editor'), joermo_code);
});

Before I got the above working, I tried exactly the same as you did with running wp_localize_script twice. But $joermo_html_code['ce_html'] & $joermo_css_code['ce_css'] can be switched to an array and then you only need to run localize once. So in my example it became $joermo_code['ce_html'] & $joermo_code['ce_css'].

Hope this helps!

Related Posts:

  1. what’s the meaning of the field wp_capabilities in table wp_usermeta
  2. Change the_title() of a page dynamically
  3. Adding more options to the instance of an image. (Attachment Display Settings)
  4. Plugin – create a page without it appearing in the side menu
  5. What is wrong with using add_option with Multisite instead of add_blog_option in a plugin
  6. Trouble with Transient API when W3TC is activated [closed]
  7. Using wp_filesystem in Plugins
  8. How to write testable classes in WordPress
  9. WordPress REST API call generates nonce twice on every call
  10. WordPress scheduled task is called but not executed
  11. How to modify post content before writing to database?
  12. Multisite, sharing content by URL
  13. How to allow Unfiltered HTML in a wordpress multisite install
  14. Rewrite Point Doesn’t Work on Custom Taxonomy
  15. wp_remote_get keeps timing out
  16. How to Add Page Template from Plugin without Losing $this
  17. Backslashes being stripped from CSS
  18. Extending WP_List_Table seems getting wrong with $this->get_columns() – what’s wrong?
  19. Why doesn’t flush_rewrite_rules run on plugin activation?
  20. Finding posts containing matching array elements in a meta field usign WP_Query
  21. Should shorcodes in i18n plugins be translated and if so, how?
  22. how to use hook deleted_user into custom function to delete user from custom table
  23. Namespaced action and filter tags
  24. Adding Dropbox dropin js using wp_enqueue_script
  25. Proper way to pass credentials in a custom login form to avoid “headers already sent”
  26. Show User’s Current Time
  27. Single sanitization callback for multiple fields
  28. How to filter users list on user_status field with get_users()
  29. Where did the ability to edit a plugin go?
  30. How to add custom fields to the all users page
  31. Can Page Templates be Applied to Archive and Post Templates?
  32. WooCommerce Admin Reports : Get custom product report based on date range
  33. Auto gallery from folder contents
  34. Append varible to url or set session
  35. Is there a plugin that will allow a tag cloud to be created from any mysql field?
  36. Adding custom end points, No error line
  37. Custom login doesn’t work properly
  38. automatic change post date when post is 30 days old
  39. Translate slug in WPMU with PO files
  40. Allow users to add / remove settings in plugin
  41. Update problem with update_option() in combination with register_setting()
  42. Custom Plugin theme filter
  43. Why does my widget break other widgets?
  44. Plugin – Make sure jquery is loaded in my settings page plus my JS file
  45. wp_editor add media button not working
  46. Is it possible to enable and disable wp debug from functions.php?
  47. Default settings aren’t used
  48. Plugin Development – Class Constructor Not Firing wp_enqueue_style action hook
  49. Alternative functions for mysql_free_result and mysql_ping in wordpress functions
  50. Getting a WordPress Debug Strategy
  51. WordPress publish_post hook not getting featured image and meta on first publish, but works on updating title
  52. Add function after the_content
  53. Best way to include and use Zoho SDK in a wordpress plugin
  54. How to change WooCommerce loop product title HTML output in single product page and archive page
  55. How to add custom view links to wp-admin/post.php?
  56. How remove trashed WooCommerce orders from wc_get_orders() result?
  57. How to use nonce
  58. How do I get variables from my plugin’s settings page?
  59. Does WordPress default CSS have Grids?
  60. Get post thumbnail in WP_Query
  61. Unexpected T_FUNCTION
  62. How to avoid conflicts with db.php / $wpdb and other plugins that decide to use them?
  63. Plugin can’t be activated [closed]
  64. How To Protect Plugin Display From Being Affected By Theme’s CSS
  65. Is there an action_filter hook to add content before the post title?
  66. CSS not being applied using wp_enqueue_style
  67. Make a php array load faster
  68. wp_schedule_event not executing function call, even with add_action
  69. Count products with custom metadata field in an order
  70. How to query a nested field in wordpress api using _fields param
  71. function add custom fields to media gallery
  72. Add quick edit functionnality to plugin table
  73. Hide / show settings field based on other field’s value
  74. Woocommerce Product finder feature on home page
  75. using wordpress acf shortcods in tables goes outside the table
  76. $_SESSION inside php function executed by AJAX
  77. Two same AJAX calls – one is working, other doesn’t
  78. remove different admin menu for specific users
  79. add pagination to wp_remote_get
  80. Adding and handling custom settings tab to fusion element
  81. WordPress Reset password Strength set to medium
  82. How to load css file after a certain css file
  83. Shortcode from a plugin not working
  84. How to get option values without requiring wp-load?
  85. Problem with baseurl and interaction with plugin
  86. Why setcookie function redirecting to home page in wordpress?
  87. Deactivate Other Incompatible Plugin Upon Activation
  88. Should all roles be allowed CRUD operation on the database?
  89. Associating special meaning with user id 0
  90. Filter get_user_by instead of replace function
  91. Downloading Generated XML File
  92. Can’t get query string in ajax call
  93. How to create a custom search form and handler?
  94. How to use permalink query to go to specific tabs in posts
  95. Conditional query tags do not work before the query is run. Before then, they always return false
  96. Method to retrieve category names and IDs only as an array?
  97. WP Cron registers hook without any action (does not call the function)
  98. Send Webhook when post-status is publish or trash
  99. Using “add_image_size” to register custom image sizes inside plugins not working
  100. How do I access the contents of WordPress Classic editor in admin area with JavaScript?

Leave a Comment

tech