Редактор WYSIWYG (требуется улучшение jHtmlArea)

Question

Работая над проектом с очень интенсивным использованием данных с большим количеством jQuery/JavaScript, мы много пишем сами, но также используем несколько плагинов, но даже когда мы добавляем плагин, нам, как правило, нужно добавить еще больше функциональности к нему. В одном случае нам нужно разрешить пользователю выделять, выделять курсивом или подчеркивать выделенный текст, поэтому мы используем плагин jHtmlArea (http://jhtmlarea.codeplex.com), и он работает, но нам также нужно показывать счетчик символов на это то, что учитывает максимальную длину на связанном элементе TEXTAREA.

Я нашел jsfiddle (nXMqc), который имеет счетчик символов на основе максимальной длины TEXTAREA. Но мне нужно, чтобы он работал с плагином jHtmlArea. Мои попытки до сих пор были бесплодными.

Answer 1

Я смог добиться этого, обновив javascript в jHtmlArea-0.7.5.js

В частности, следующее:

   ...
   updateTextArea: function () {
        this.textarea.val(this.toHtmlString());

        //Add the following javascript
        var val = $(this.textarea).val();
        var vallength = val.length;
        $("#counter-div").html(vallength);

    },...

Тогда вы сможете использовать <div id="counter-div"></div> прямо под вашей текстовой областью.

Будут некоторые дополнительные модификации, если вы хотите иметь несколько jHtmlAreas на одной странице. В принципе counter-div нужно будет однозначно идентифицировать текстовую область, которую вы изменяете.