Insert shortcode in post editor from javascript (Visual / HTML)

I was pulling my hair out on this one, but I might have figured it out.

Try this (with jQuery):

if( ! tinyMCE.activeEditor || tinyMCE.activeEditor.isHidden()) {
  jQuery('textarea#content').val("[SHORTCODE]test[/SHORTCODE] ");
} else {
  tinyMCE.execCommand('mceInsertRawHTML', false, "[SHORTCODE]test[/SHORTCODE] ");
}

Basically, you need to set the value of the textarea directly if the editor is hidden.

Related Posts:

  1. How to integrate a different (JavaScript) editor in WordPress?
  2. Reset Undo on the tinymce editor
  3. Instantiate TinyMCE via JS ( rather than PHP/wp_editor )
  4. Editing Source Code in WordPress
  5. TinyMCE Button to Insert Multiple Lines of Text?
  6. TinyMCE in a div / textarea on frontend?
  7. Want to have the Post editor remembering the last editing position
  8. How to wrap the content of the main tinyMCE editor with extra tags
  9. Instantiate TinyMCE via JS ( rather than PHP/wp_editor )
  10. How/Where is editor.min.js Added to the wp-admin Post Page?
  11. Add Item to Custom TinyMCE Menu
  12. Add tinymce dynamically via Javascript
  13. Listbox return wrong value in WordPress 3.9
  14. Using wp_editor in TinyMCE WindowManager dialog
  15. How to get value of selected page template in Gutenberg editor?
  16. Close TinyMCE plugin window on click away
  17. Make TinyMCE checkbox that returns a value instead of true/false
  18. TypeError: window.tinyMCE.execInstanceCommand is not a function
  19. Where is the WP auto-save draft JavaScript?
  20. How to set callback to execute after all the tinyMCE editors have been initialized?
  21. Popup box when Clicking on Insert into post button in wordpress
  22. Adding and removing hidden buttons from WordPress Customizer Tinymce widget editor using javascript API
  23. WP TinyMCE (Full + media ) – 4.8 JS Init Dynamicly
  24. Tinymce.js editor in Chrome?
  25. wordpress 4.4 upgrade visual editor bullets select for not selected elements
  26. How to reference TinyMCE body in my script
  27. Gutenberg consume wp-json data and reflect in frontend the content
  28. Make a script work within a page
  29. TinyMCE Javascript URL Question
  30. How to use WP switchEditors.switchto(this) JS function in your own script?
  31. Uncaught TypeError: switchEditors.switchto is not a function
  32. Using wp_editor() when not logged stopped working
  33. Dynamically write in editor with Javascript
  34. How to use value from modal tinymce windowManager?
  35. WordPress 4.2 mce-views migration guide?
  36. How can I look at/edit what’s being sent to post.php when I hit the publish/update button?
  37. add_attachment hook not firing on certain devices
  38. What does href expression do?
  39. Kadane’s algorithm explained
  40. How can I check for “undefined” in JavaScript? [duplicate]
  41. How can I reverse an array in JavaScript without using libraries?
  42. Download File Using JavaScript/jQuery
  43. Disabling and enabling a html input button
  44. TypeError: Cannot read property ‘then’ of undefined
  45. How to use php code in javascript
  46. How to read xml file contents in jQuery and display in html elements?
  47. using lodash .groupBy. how to add your own keys for grouped output?
  48. Uncaught ReferenceError: google is not defined when trying to use Google Places API without a map
  49. Why is window.showModalDialog deprecated? What to use instead?
  50. Should I use JSLint or JSHint JavaScript validation?
  51. How do I get the current time only in JavaScript
  52. Angular: conditional class with *ngClass
  53. Failed to compile. Module not found: Can’t resolve ‘react-router-dom’
  54. How to send an email from JavaScript
  55. MissingSchemaError: Schema hasn’t been registered for model “User”
  56. React’s setState method with prevState argument
  57. How to measure time taken by a function to execute
  58. var.replace is not a function
  59. Uncaught TypeError: Cannot read property ‘call’ of undefined at __webpack_require__
  60. This.props.dispatch not a function – React-Redux
  61. this vs $(this)
  62. How to open a URL in a new Tab using JavaScript or jQuery?
  63. How to sort an array of integers correctly
  64. Failed to execute ‘postMessage’ on ‘DOMWindow’: https://www.youtube.com !== http://localhost:9000
  65. How can I check whether a radio button is selected with JavaScript?
  66. JavaScript button onclick not working
  67. Ajax success function
  68. What is the equivalent of Java’s System.out.println() in Javascript?
  69. How can I exit from a javascript function? [duplicate]
  70. Object doesn’t support property or method ‘addEventListener’
  71. How to fix javascript .toFixed is not a Function error
  72. Implementing Isomorphic JavaScript (React JS) in WordPress?
  73. Any advantage of using wp_scripts and is_IE when enqueuing scripts
  74. WP 3.3 my rich text category editor toolbar is gone!
  75. Include Javascript as Plain (No file inclusion)
  76. Adding wp_ajax to a theme outside functions.php (on specific template page)
  77. What’s the handle for media.js?
  78. Disable HTML (Text) Tab in Post Editor
  79. Add custom HTML markup to Gutenberg RichText
  80. Enqueue scripts all over but not in single.php
  81. Multiple media uploader buttons target only one input on the same page
  82. TinyMCE 4 remove/add attributes for all images
  83. Prevent update_checkout from firing mid-typing
  84. Adding Code into Theme Customizer Header
  85. How to move core js files into the footer
  86. Suddenly extra hex string in tags
  87. Retrieving data about comments and likes
  88. Including Styles and JS files to work ON my plugin interface
  89. Linking wp_enqueue can’t find the javascript file (adds “?ver=x.x.x” to the src)
  90. Gutenberg – useEffect manipulate DOM after block re-renders DOM
  91. Javascript working on jsfiddle but not wordpress site?
  92. Drodown list return issue
  93. Spans in gutenberg
  94. Get a default customizeAction text for a section using Customizer JS API
  95. Put dynamic Javascript in header after doing operations
  96. custom page url slug needs illegal ?id=1 for javascript
  97. Use one javascript variable into another javascript file
  98. How can I replace the built in WordPress editor?
  99. How to add a css class to postTitleWrapper in Gutenberg?
  100. Escaping inline JS correctly