我正在尝试编写一个 Wordpress 插件。我将在 WP 的 Tinymce 编辑器中获得计数单词。 基本上，它是一个字数计数器，可以计算您的帖子的长度并在元框中为您提供此消息
您的帖子有 450 个字
我唯一的问题是通过 javascript 从 Tinymce 获取单词。这不起作用：
document.getElementById('content')
Tinymce 的内容 id 是 content 。但是这段代码返回 NULL。我找不到 Tinymce 的有效 ID 名称。
很快，其他所有代码都准备好了，只是我无法从 Wordpress 的所见即所得编辑器中获取文字。
谢谢。
【问题讨论】：
标签： javascript wordpress tinymce wysiwyg
试试：
tinymce.activeEditor.getContent();
或
tinymce.editors.content.getContent();
其中“内容”是您的文本区域的 id。
同样，如果您只想在 TinyMCE 文本区域中获取选定（突出显示）的文本，您可以这样做：
tinymce.activeEditor.selection.getContent();
完整的 API 在这里：http://tinymce.moxiecode.com/wiki.php/API3:class.tinymce.Editor
TinyMCE 还提供了许多您可以绑定的事件，特别是在您的情况下是 keyup、keydown 和 keypressed 事件。
确保只有在 TinyMCE 加载到页面后才调用这个东西。
【讨论】：
tinymce.editors['content_id'].getContent();
。而是尝试使用wp.editor.getContent('content')。关于它的文档不多，但我发现它准确地返回了将存储在数据库中的内容。
我记得微型 MCE 从 ajax 动态加载内容，所以也许您的 document.getElementById('content') 尝试过早获取该元素。
我认为你有两种方法可以解决这个问题：
1) 使用事件监听器等待 ajax 事件完成，然后获取元素及其文本。
2) 使用 tinyMce 函数获取文本区域的内容。在这里您可能会找到一些有用的提示： http://tinymce.moxiecode.com/wiki.php/How-to_load/save_with_Ajax_in_TinyMCE
【讨论】：
接受的答案确实对我有用，但对于一个页面上的多个编辑器，我必须通过编辑器 ID 访问它，所以在下面
tinymce.editors['content_id'].getContent();
为我工作。
【讨论】：
这是一个例子。无论按键是在 Visual 模式还是 HTML 模式下，编辑器下方的文本都会更新。
可视模式 php文件中的事件：
function my_tiny_mce_before_init( $init ) {
$init['setup'] = "function( ed ) { ed.onKeyUp.add( function( ed, e ) { repeater( e ); }); }";
return $init;
}
add_filter( 'tiny_mce_before_init', 'my_tiny_mce_before_init' );
HTML 模式 javascript 文件中的事件：
jQuery( document ).ready( function( $ ) {
$('<div id=look-at-it></div>').insertAfter('#postbox-container-1');
$('#content').on('keyup', function( e ) {
repeater( e );
});
});
var repeater = function ( e ) {
var targetId = e.target.id;
var text = '';
switch ( targetId ) {
case 'content':
text = jQuery('#content').val();
break;
case 'tinymce':
if ( tinymce.activeEditor )
text = tinymce.activeEditor.getContent();
break;
}
jQuery('#look-at-it').html( text );
}
测试日期：
【讨论】：
这对我有用：
if (jQuery("#wp-text-wrap").hasClass("tmce-active")){
text1 = tinyMCE.activeEditor.getContent( { format : 'html' } );
}else{
text1 = jQuery('[name="text"]').val();
其中 text 是 tinymce 编辑器的 ID
【讨论】：
在我测试的每一种情况下，这似乎都对我有用。不管我们是从文本模式还是视觉模式开始，也不管之后改变模式和添加更多内容。
if ( tinyMCE.editors['id-of-your-editor'] ) {
tinyMCE.editors['id-of-your-editor'].save();
tinyMCE.editors['id-of-your-editor'].load();
var your_content = tinyMCE.editors['id-of-your-editor'].getContent();
} else if ( document.getElementById( 'id-of-your-editor' ) ) {
var your_content = document.getElementById( 'id-of-your-editor' ).value;
} else {
alert ( 'Error' );
}
【讨论】：