Как использовать события редактора YUI

Question

Я думаю, что это простой вопрос, но я не могу найти ответ

У меня есть приложение rails, и я использую jquery и YUI Rich Text Editor, я хочу написать 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

Answer 1

Посмотрите на события YAHOO.widget.SimpleEditor . После того, как вы создали редактор (возможно, , это - хорошее место для начала), вы можете использовать событие editorKeyPress, чтобы запустить проверку длины текста.

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