如何使用 YUI 编辑器事件答案

【问题标题】：How to consume YUI editor events如何使用 YUI 编辑器事件
【发布时间】：2010-02-24 15:12:16
【问题描述】：

我认为这是一个简单的问题，但我找不到答案

我有一个 rails 应用程序，我正在使用 jquery 和 YUI 富文本编辑器，我想编写一些 javascript/jquery 来获得一个最小文本长度计数器（即你还有 240 个字符）。我让它与一个简单的文本区域一起工作：

jQuery.fn.populateCounter = function() {
    var text_length = $(this).val().length;
    var counter = $(this).siblings('p.counter');
    if (text_length == 0) {
        counter.text('Enter at least 15 characters');
    }
    else if (text_length < 15) {
        var left = 15 - text_length
        counter.text(left + ' characters to go');
    }
    else if (text_length <= 600) {
        var remaining = 600 - $(this).val().length;
        counter.text(remaining + ' characters left' );
    }
    else {
        var to_many = $(this).val().length - 600;
        counter.text(to_many + ' characters to many' );
    }
    return this;
}

$('.new_comment textarea').live('keyup',function () {
  $(this).populateCounter();
});

但我不清楚如何使用 YUI 编辑器进行操作（我如何使用那里的事件？以及如何获取内容的长度）。感谢您的帮助！

--jt

【问题讨论】：

标签： jquery ruby-on-rails yui

【解决方案1】：

查看YAHOO.widget.SimpleEditor 事件。一旦你创建了一个编辑器（也许this 是一个很好的起点），你可以使用editorKeyPress 事件来触发你的文本长度检查。

myEditor.subscribe('editorKeyPress', function () {
   var textLength = myEditor.toString().length;
   // .... do checks
});

【讨论】：