How do I access the contents of WordPress Classic editor in admin area with JavaScript?

To get the editor content as a string in the classic editor use this:

content = tinymce.activeEditor.getContent();

Taken from https://stackoverflow.com/a/5843951/57482

Note that you should use the APIs provided rather than directly modifying the DOM if you want to modify the content. If you don’t, you won’t update plugins local states in javascript causing problems. Modifying the DOM should be a last resort.

Also note that this will not work for the block editor. The block editor requires a completely different approach, and you can’t then edit the content and put it back without breaking the blocks or turning everything into a custom HTML block causing other issues.

Related Posts:

  1. Making a custom widget that includes a tinymce and works in Site Origin Page Builder
  2. How can you check if you are in a particular page in the WP Admin section? For example how can I check if I am in the Users > Your Profile page?
  3. Is it possible to reuse wp.media.editor Modal for dialogs other than media
  4. Adding Custom Text Patterns in the WP 4.5 Visual Editor
  5. How to include jQuery and JavaScript files correctly?
  6. How can I run AJAX on a button click event?
  7. Add async script
  8. How to provide translations for a WordPress TinyMCE plugin?
  9. Can I use the wp media uploader for my own plugin?
  10. How-to implement admin Ajax inside an admin WP_List_Table?
  11. API to trigger prompt on leaving page
  12. Customizing the 3.5 “Add Media” popup (Backbone.js)
  13. Test to see if jQuery or Prototype is queued by another plugin?
  14. jQuery in header or footer
  15. Hook the Keydown Event in the TinyMCE Post Editor
  16. lodash dependency in a Gutenberg plugin
  17. wp_localize_script $handle
  18. How to prevent loading of all plugin’s resources?
  19. `wp_set_script_translations` with `wp.i18n` does not return translated strings in simple plugin
  20. How do I only load js on the post-new.php and post.php pages in admin?
  21. creating elements/innerblocks via rangecontrol
  22. What’s the better way to add an inline script?
  23. Can’t get JS code to work with shortcode
  24. How do I add a javascript file to all admin pages via a plugin?
  25. Gutenberg: useDispatch is not a function – @wordpress/data included
  26. Make a list with header and subtext in Gutenberg blocks
  27. Gutenberg – What is the best way to save/update post meta?
  28. How to Load Plugin JS in theme’s footer section
  29. how to include javascript file and css file in wordpress
  30. Mixing Regular Javascript With jQuery in a Plugin
  31. How to run a external JavaScript file on wp-admin if admin, and other if normal user?
  32. Why is my javascript not invoked in my hooks except wp_head?
  33. WordPress Plugin with a shortcode that dynamically generates javascript. Can I use add_action without wrapping the javascript in a function?
  34. How to prevent UNDO on guternberg block editor
  35. Creating a custom Gutenberg block with columns
  36. “import declarations may only appear at top level of a module” when importing WooCommerce API node module
  37. Gutenberg: import dependency or assign from global variable?
  38. javascript datatables in a plugin
  39. Hide shortcodes “code” when using the “editor” the same as wordpress do with “gallery”
  40. add javascript files only when plugin is called?
  41. Inserting code to HTML view from a pop up initiated from visual view
  42. Plugin – Make sure jquery is loaded in my settings page plus my JS file
  43. How can I avoid conflicts between plugin and theme?
  44. How to control an elements classes from multiple Gutenberg sidebar controls?
  45. How should I go about registering JavaScript that isn’t a file? [duplicate]
  46. What action hook can I use to add a JavaScript to a page post using a theme template that is not including get_header() nor get_footer()?
  47. should i be checking for jquery before enqueing it in a plugin
  48. Loading custom js file on the admin page through plugin
  49. Run JavaScript validation script on form submit in plugin
  50. Custom Plugin – CSS works, JS doesn’t
  51. Drawing the line between theme & plugin on large scale bespoke projects
  52. Translate javascript with WordPress built-in localization API for static strings
  53. How to add a panel/box/widget/are/screen to the right side of edit post/page confusion
  54. Insert Into Post Not Working For Audio File Using jQuery
  55. Service Worker Uncaught (in promise) DOMException
  56. Developing the save function in Gutenberg blocks
  57. Gutenberg – is it ok to load dependencies multiple times?
  58. Preventing double loading JS scripts (like React) when developing for Gutenberg
  59. About a programming language starts with [closed]
  60. Referencing files in JavaScript in WordPress Plugin
  61. Should I put my plugin javascript inline?
  62. wp.media libary pdf type
  63. Query String Filtering API
  64. Getting incorrect filepath inside custom block front-end output using @wordpress/create-block tutorial
  65. Trigger function on Remove block or add new block in Gutenberg JavaScript
  66. Multiple TinyMCE on button click is initialized and appended but why only last one is writeable?
  67. HTMLCollection not counting right in editor? / for loop not working on elements in DOM
  68. converting a node.js project into a wp plugin
  69. What happens/fires when you select a block in the editor?
  70. Is “document loaded” different on admin side than public side?
  71. why is apiFetch throwing Unhandled Promise Rejection: TypeError: Object is not a function
  72. jQueryUI draggable doesn’t work in WordPress plugin
  73. Reading plugin settings in esnext wordpress block
  74. Dynamically modify content added to table via javascript
  75. Load script on frontend from widget plugin
  76. WordPress with React: Saving and Using Data Collected with fetch
  77. Append php file to footer
  78. XMLHttpRequest to open PHP file responds with Missing Page
  79. Javascript scroll eventHandler only working when I’m logged in in WordPress
  80. Replace the WordPress Media Library Uploader
  81. Using JavaScript in WordPress page to call for server data using AJAX
  82. Pass javascript result to shortcode executer function
  83. Filterable posts using categories
  84. How to get values from Tinymce visual editor popup?
  85. Add language localisation to javascript alert?
  86. Uncaught ReferenceError: kpoejy is not defined
  87. How to display archive by selecting year and then selecting month
  88. On one of my sites a file is shown as 404 but the file IS there
  89. How can I make my website with wordpress having on-spot editing feature as compared to concrete5 CMS?
  90. How do I use (or mimic) document.getElementById() on a page loaded from WordPress database?
  91. Is Explicit Versioning a better alternative to Semantic Versioning for wordpress?
  92. How can i add insertion point between inner blocks in my custom block like core blocks
  93. How to get the value entered in the input field in wordpres
  94. How react js and other Javascript Technologies works on WordPress plugin?
  95. Trigger a JavaScript function based on the data fetched from Woo commerce hook
  96. How can create a custom plugin to call my webapi after any registration or membership plugin functionality
  97. Trouble Importing whatsapp-web.js in a WordPress Plugin Development
  98. Insert meta-description into Yoast-SEO input-field via JavaScript
  99. Reinitiate Gutenburg’s blocks using javascript
  100. how to add contact form 7 shortcode in javascript variable