javascript - 获取 WP Tinymce 的内容

标签 javascript wordpress tinymce wysiwyg

我正在尝试编写一个 Wordpress 插件。我将在 WP 的 Tinymce 编辑器中获得计数单词。
基本上,它是一个字数计数器,可以计算您的帖子的长度并在元框中为您提供此消息

Your post has 450 words



我唯一的问题是通过 javascript 从 Tinymce 获取单词。这不起作用:
document.getElementById('content')

Tinymce 的内容的 id 是 content 。但是这段代码返回 NULL。我找不到 Tinymce 的有效 ID 名称。

很快,其他所有代码都准备好了,只是我无法从 Wordpress 的 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 还提供了许多您可以绑定(bind)的事件,特别是在您的情况下 keyup , keydown , 和 keypressed事件。

确保只有在 TinyMCE 加载到页面后才调用这些东西。

关于javascript - 获取 WP Tinymce 的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5759297/

相关文章:

mysql - AWS WordPress 高可用性 EFS、EC2 和 MySQL 数据库

javascript - TinyMCE 不在控制台中输出文本

javascript - 如何将base64字符串转换为图像并将其保存在文件夹中

javascript - 更新点

javascript - 选择具有其他类名称的附近表行并切换类

php - 如何更改 TinyMCE 的背景?

javascript - TinyMCE循环遍历所有编辑器,获取一个属性及其相关的编辑器值

javascript - 当元素改变时如何执行函数? (没有设置间隔)

javascript - jQuery(window).load()第二次没有访问

php - 显示 WooCommerce 可变产品选项