jquery - 所见即所得编辑器（需要 jHtmlArea 增强）

Question

在一个使用大量 jQuery/JavaScript 的数据密集型网站项目上工作，我们自己编写了很多，但也使用了许多插件，但即使我们添加了一个插件，我们也往往需要为其添加更多功能。在一种情况下，我们需要允许用户对他们选择的文本进行加粗、斜体或下划线，因此我们使用了 jHtmlArea 插件 (http://jhtmlarea.codeplex.com)，它确实有效，但我们还需要在它尊重相关 TEXTAREA 元素上的最大长度。

我找到了一个 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);

    },...

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

如果您想在单个页面上拥有多个 jHtmlArea，则需要进行一些额外的修改。基本上counter-div需要对您正在修改的文本区域进行唯一标识。