WYSIWYG编辑器（需要jHtmlArea增强功能）

Question

在一个包含大量jQuery / JavaScript的数据密集型网站项目上工作，我们自己写了很多，但也使用了很多插件，但即使我们添加插件，我们也往往需要添加更多功能它。在一个实例中，我们需要允许用户对它们选择的文本进行加粗，斜体或下划线，这样我们就可以使用jHtmlArea插件（http://jhtmlarea.codeplex.com）并且它确实有效但我们还需要显示一个字符计数器它尊重相关TEXTAREA元素的maxlength。

我找到了一个jsfiddle（nXMqc），它有一个基于TEXTAREA maxlength的字符计数器。 但我需要让它与jHtmlArea插件一起使用。到目前为止，我的尝试都没有结果。

Answer 1

我能够通过更新jHtmlArea-0.7.5.js中的javascript来实现这一目标

特别是，以下内容：

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

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

    },...

然后，您就可以在textarea下使用<div id="counter-div"></div>。

如果您想在一个页面上拥有多个jHtmlAreas，则会有一些其他修改。基本上counter-div需要唯一标识您正在修改的文本区域。