2010-02-24 35 views
0

我觉得这是一个简单的问题,但我无法找到答案如何饮用YUI编辑事件

我有一个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

回答

1

看一看的YAHOO.widget.SimpleEditor事件。一旦你创建了一个编辑器(也许this是一个开始的好地方),你可以使用editorKeyPress事件触发你的文本长度检查。

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

很酷。谢谢加文 – Jonathan 2010-03-01 15:02:49