Hacking TinyMCE for better usability (shortcodes and html)

Have a look at my Gridster Plugin, it replaces every shortcode [gridster id="" title=""] with a visual replacement, like you know from the -Shortcode.

enter image description here

To change parameters of the current shortcode, you’re able to click a button and a tinyMCE modal will let you change anything within a user-friendly GUI.

enter image description here

The functions are based on the the way, the gallery-shortcode-replacement works.

If this points into the right direction, I could get in more detail if you want.

Related Posts:

  1. tinymce is not defined when not using wp_editor
  2. Add tinymce buttons to caption textarea in media uploader
  3. How to get a jQuery script to run on a page?
  4. How disable checkbox when listbox value changes in tinymce
  5. TinyMCE – TypeError: r is undefined
  6. How to enable the content editor as a droppable target with jQuery-ui?
  7. TinyMCE 4 remove/add attributes for all images
  8. TinyMCE plugin won’t work with jQuery 3.5.1 (testing with “Test jQuery Updates”)
  9. Dynamicaly update field created with wp_editor()
  10. How do I use jQuery to add the TinyMCE WYSIWYG editor to a textarea?
  11. How to add shortcode to show/hide press releases?
  12. Visual editor popover or placeholder
  13. Sorting UL Listing Within the TinyMCE Visual Editor in WordPress
  14. How to Supply Console Logs Data into the WooCommerce Cart?
  15. JavaScript: filter() for Objects
  16. Is jQuery $.browser Deprecated?
  17. jQuery date formatting
  18. $ versus jQuery
  19. How to center image in carousel
  20. jQuery dynamic selector
  21. How to pass $(this) properly in click jQuery function
  22. How to remove specific value from array using jQuery
  23. how to remove default jquery and add js in footer?
  24. Check if jquery library exist
  25. Loading style.css and Jquery using HTTPS
  26. Access Customizer’s DOM – jQuery
  27. Media manager multiple selection
  28. wp_enqueuescript won’t load in footer even with true value set?
  29. jQuery Ajax() doesn’t work when the page is accessed as a WordPress template page
  30. modifying a template and adding jQuery to it
  31. Is placing stuff in page text edit window bad form?
  32. Add colorpicker to featured image
  33. How do I pass WordPress’s get_bloginfo(‘siteurl’) to Jquery?
  34. How to force jQuery to load as a first script in header in frontend?
  35. jQuery breaking my wordpress site
  36. wp_verify_nonce not working
  37. Passing JSON-encoded HTML from WordPress to JavaScript
  38. Tags in WordPress 3.2
  39. php ajax problem – weird 301 responses!
  40. Populating autocomplete field with custom post type
  41. Not sure why wp_ajax isn’t working?
  42. Load created php file data via ajax
  43. Is it necessary to enqueue jquery?
  44. Add a class to posts in increments of 2
  45. How I got jQuery Quicksand working with WordPress?
  46. Displaying div from custom-post-type in Fancy Box
  47. NextGen plugin check failing, why?
  48. Return an array from get_terms and store as JavaScript array for search autocomplete
  49. On screen music/audio player that grabs track URL [closed]
  50. WP http XML response HTML encoding and image display problems
  51. Using WP_Query to grab custom meta values, foreach to json object
  52. Do we have to santise html passing into Javascript ? How?
  53. jShowOff not showing numeric links, shows ‘undefined’ instead
  54. Javascript stopped working [closed]
  55. Why load JS through the CMS framework? [duplicate]
  56. Why should I deregister jquery?
  57. Prevent other versions of jquery from loading on static front page
  58. How to add custon UI jquery & Fancybox script to WP
  59. jQuery will not work on page from snippet or file
  60. Jquery not loaded by default in wordpress 5.6
  61. problem with jquery 3.5.1 in footer
  62. How to keep HTML form field that is conditional hidden with javasript hidden after page reload?
  63. Accessing javascript in multiple files [closed]
  64. Issues loading Jquery on WordPress website
  65. Script not loading when depending on jQuery
  66. masonry only works if jquery is called twice
  67. No Object Properties sending form through AJAX
  68. Redirect wp_dropdown_pages() to an AJax request?
  69. how to use wp_editor() here am getting empty result
  70. jQuery is not defined, working on local server but not online
  71. Parse wordpress blog data using json api and ajax
  72. “switchEditors is not defined” with wp_editor() in jQuery UI tabs
  73. JQuery Issues With WordPress Theme Interface
  74. problems with jquery external rss feed integration
  75. wp_enqueue_script calling jQuery at different times for different browsers?
  76. AJAX calendar navigation returns -1
  77. A carousel slideshow plugin in JavaScript
  78. Retrive username of the loged in user using jquery
  79. How to setup multi-page using jquery?
  80. $ not defined using jQuery in WordPress
  81. Get with jQuery the value of an ACF field
  82. I want to run Sql Query in script how can i do this
  83. error: n.imagesLoaded is not a function
  84. WordPress forbidden 403 on delete in production vs local environment
  85. How to change event in slider
  86. Get ajaxForm response value
  87. Update a parent theme JQuery property in the child theme
  88. jQuery search function not running in WordPress but running locally (fiddle)
  89. Can’t seem to get JQuery working (wordpress plugin)
  90. Ajax Request with jQuery not happening
  91. Console shows ReferenceError: jQuery is not defined, no clue why!
  92. slide change on hover with nextgen scrollgallery [closed]
  93. How to make jQuery load AFTER plugin’s script?
  94. jQuery not working internal pages [duplicate]
  95. jQuery .change() Event Bubbling in WP Admin
  96. Unable to understand this jquery code [closed]
  97. Combo box populating a DIV using ajax/jquery
  98. How to Add jQuery cod in wordpress [duplicate]
  99. can’t make jQuery work (change image on time interval) [closed]
  100. Enqueued jQuery not working

Leave a Comment