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. Add custom TinyMCE 4 Button, Usable since WordPress 3.9-beta1
  6. How to include jQuery and JavaScript files correctly?
  7. How to implement color picker from wordpress in my plugin?
  8. How can I run AJAX on a button click event?
  9. Add async script
  10. How to provide translations for a WordPress TinyMCE plugin?
  11. Can I use the wp media uploader for my own plugin?
  12. How-to implement admin Ajax inside an admin WP_List_Table?
  13. API to trigger prompt on leaving page
  14. Customizing the 3.5 “Add Media” popup (Backbone.js)
  15. Test to see if jQuery or Prototype is queued by another plugin?
  16. Include third party Javascript library which is not included in WordPress
  17. jQuery in header or footer
  18. Hook the Keydown Event in the TinyMCE Post Editor
  19. How to Add a .js file Only in one specific Page Dynamically to Head
  20. lodash dependency in a Gutenberg plugin
  21. wp_localize_script $handle
  22. How to prevent loading of all plugin’s resources?
  23. How to trap “Publish” button to check for meta box validation?
  24. Pass javascript result to shortcode executer function
  25. The changes I make to an external JS file of my WP plugin are only applied after I clear my browser’s cache
  26. `wp_set_script_translations` with `wp.i18n` does not return translated strings in simple plugin
  27. Use js script from one plugin in another plugin
  28. How do I only load js on the post-new.php and post.php pages in admin?
  29. creating elements/innerblocks via rangecontrol
  30. Looking for callback function after Gutenberg is rendered?
  31. What’s the better way to add an inline script?
  32. Can’t get JS code to work with shortcode
  33. How do I add a javascript file to all admin pages via a plugin?
  34. Gutenberg: useDispatch is not a function – @wordpress/data included
  35. Make a list with header and subtext in Gutenberg blocks
  36. Gutenberg – What is the best way to save/update post meta?
  37. Prevent Javascript Facebook SDK Conflicts in plugin
  38. How to Load Plugin JS in theme’s footer section
  39. how to include javascript file and css file in wordpress
  40. Print WordPress username id inside JavaScript
  41. Mixing Regular Javascript With jQuery in a Plugin
  42. How to run a external JavaScript file on wp-admin if admin, and other if normal user?
  43. Why is my javascript not invoked in my hooks except wp_head?
  44. Where to call wp_enqueue_script in a plugin with custom template?
  45. Is there an event or an other method that tells me the preview is loaded?
  46. WordPress Plugin with a shortcode that dynamically generates javascript. Can I use add_action without wrapping the javascript in a function?
  47. How to prevent UNDO on guternberg block editor
  48. Do I have to worry about useState causing a re-render?
  49. Creating a custom Gutenberg block with columns
  50. “import declarations may only appear at top level of a module” when importing WooCommerce API node module
  51. wp.template() returns tags in Ajax response
  52. Gutenberg: import dependency or assign from global variable?
  53. My WordPress plugin cannot load my JavaScript file
  54. javascript datatables in a plugin
  55. Hide shortcodes “code” when using the “editor” the same as wordpress do with “gallery”
  56. add javascript files only when plugin is called?
  57. Inserting code to HTML view from a pop up initiated from visual view
  58. Plugin – Make sure jquery is loaded in my settings page plus my JS file
  59. How can I avoid conflicts between plugin and theme?
  60. How to control an elements classes from multiple Gutenberg sidebar controls?
  61. How should I go about registering JavaScript that isn’t a file? [duplicate]
  62. 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()?
  63. should i be checking for jquery before enqueing it in a plugin
  64. Loading custom js file on the admin page through plugin
  65. Run JavaScript validation script on form submit in plugin
  66. Custom Plugin – CSS works, JS doesn’t
  67. Drawing the line between theme & plugin on large scale bespoke projects
  68. Translate javascript with WordPress built-in localization API for static strings
  69. Need help about understand api, wp, $ syntax in WordPress plugin script
  70. How to add a panel/box/widget/are/screen to the right side of edit post/page confusion
  71. Insert Into Post Not Working For Audio File Using jQuery
  72. Service Worker Uncaught (in promise) DOMException
  73. Developing the save function in Gutenberg blocks
  74. Gutenberg – is it ok to load dependencies multiple times?
  75. Preventing double loading JS scripts (like React) when developing for Gutenberg
  76. About a programming language starts with [closed]
  77. Referencing files in JavaScript in WordPress Plugin
  78. How to insert HTML/CSS/JS into my iframe plugin?
  79. Is there a WordPress plugin to design WebGL? [closed]
  80. Should I put my plugin javascript inline?
  81. How to write a shopping queue line plugin with a queue button?
  82. wp.media libary pdf type
  83. wp.media gallery collection sometimes undefined
  84. Query String Filtering API
  85. Getting incorrect filepath inside custom block front-end output using @wordpress/create-block tutorial
  86. Trigger function on Remove block or add new block in Gutenberg JavaScript
  87. Multiple TinyMCE on button click is initialized and appended but why only last one is writeable?
  88. Rerender core Templates with with ToggleControl but it doesnt recognize block type
  89. HTMLCollection not counting right in editor? / for loop not working on elements in DOM
  90. converting a node.js project into a wp plugin
  91. What happens/fires when you select a block in the editor?
  92. Is “document loaded” different on admin side than public side?
  93. How to use setAttributes outside of the edit function return
  94. why is apiFetch throwing Unhandled Promise Rejection: TypeError: Object is not a function
  95. jQueryUI draggable doesn’t work in WordPress plugin
  96. Reading plugin settings in esnext wordpress block
  97. Dynamically modify content added to table via javascript
  98. Load script on frontend from widget plugin
  99. WordPress with React: Saving and Using Data Collected with fetch
  100. Append php file to footer
Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)