How can I determine what mode the editor is in and when it changes?

admin管理员组

文章数量:1125981

I need to determine if the page/post editor is in Visual or Text mode. I also need to determine when this changes.

Does WordPress provide some kind of functionality for doing this? I am writing some JS that requires this information.

I need to determine if the page/post editor is in Visual or Text mode. I also need to determine when this changes.

Does WordPress provide some kind of functionality for doing this? I am writing some JS that requires this information.

• visual-editor

Share Improve this question edited Jun 6, 2014 at 10:14 fuxia♦ 107k3838 gold badges255255 silver badges459459 bronze badges asked Jun 6, 2014 at 5:49 user52790user52790 1322 bronze badges

Add a comment  | 

2 Answers 2

Sorted by: Reset to default 3

1. To determine what mode the editor is currently in, you can use the getUserSetting('editor') in JavaScript, which returns either "html" or "tinymce".

2. To determine when the editor mode is switched, you can use the jQuery click event handler on the #content-tmce and #content-html elements, which are the editor type switching buttons:

   jQuery( '#content-tmce' ).click( function() { // Visual editor selected } );

   jQuery( '#content-html' ).click( function() { // Text editor selected } );

Bear in mind that these click events will always be triggered when you click on the buttons; when you click on the "Visual" button for example, the event will be triggered regardless whether the current mode is "Visual" or "Text". If you need to, you could easily tackle that by storing the previous state yourself.

You could check tmce-active:

var editor = $('.tmce-active').val() != '' ? 'Text' : 'View';

本文标签： How can I determine what mode the editor is in and when it changes