TinyMCE Keyup Function

时间:2013-12-26 作者:EHerman

我正在尝试在new post和edit post屏幕上运行TinyMCE编辑器的键控功能。

当用户键入内容时,我很难捕捉到键盘的动作。

jQuery(document).ready(function() {
                setTimeout(function(){
                    var content = "tinymce";
                    var tinyMCEcontent = tinymce.editors.content.getContent();
                    console.log(tinyMCEcontent.length);
                },3000);
            });
这是我尝试获取TinyMCE编辑器的内容。我能看到长度。如何在Keyup上运行此函数?我试过这样的方法:

jQuery(document).ready(function() {
          jQuery("#tinymce").keyup(function() {
                setTimeout(function(){
                    var content = "tinymce";
                    var tinyMCEcontent = tinymce.editors.content.getContent();
                    console.log(tinyMCEcontent.length);
                },3000);
          });
 });
但它根本没有抓住关键点。

我想做的是对帖子类型的内容设置一个限制。

2 个回复
SO网友:ungestaltbar
// get tinymce instance of wp default editor
var ed = tinyMCE.getInstanceById(\'content\');

// add a callback to tinyMCE.onKeyUp event
ed.onKeyUp.add(function(){
    // format: text will strip html tags
    console.log( ed.getContent({ format: \'text\' }) ).length;
})

http://www.tinymce.com/wiki.php/api3:event.tinymce.editor.onkeyup

SO网友:wLc

对于WordPress 3.9+运行tinymce 4:

    window.onload = function () {
        tinymce.get(\'content\').on(\'keyup\',function(e){
            console.log(this.getContent().replace(/(<[a-zA-Z\\/][^<>]*>|\\[([^\\]]+)\\])|(\\s+)/ig,\'\').length);
        });
    }

结束

相关推荐

在自定义帖子类型的元框中使用带有文本的TinyMce

我正在尝试使用http://www.tinymce.com/ 插件,用于在我创建的元框中的文本区域中添加tinymce。我在谷歌上搜索过其他方法,要么我无法使用,要么我没有掌握这个概念。所以这就是我现在正在尝试的--我尝试创建插件将脚本添加到我的管理仪表板--add_action(\'admin_init\', \'admin_load_scripts\'); function admin_load_scripts() { $js_file = plugins_url( \'/