jsf-2 - p :editor Primefaces 的剩余字符

Question

我知道 Primefaces 为 p:inputTextarea 的剩余字符提供了功能，如下面的代码所示

<p:inputTextarea rows="1" cols="85" counter="counter" maxlength="100" counterTemplate="{0} characters remaining" value="#{managedBean.inputvalue}" ></p:inputTextarea>
<h:outputText />
<h:outputText id="counter" />

但我想在 p:editor 中做同样的事情。怎么做？ primefaces 是否提供了这样的功能，还是我必须通过其他方式来实现这一点{比如编码这个功能}。

TIA

Answer 1

<p:editor没有选择，你可以使用jquery来解决这个问题。我的解决方案是将 keyup 事件绑定(bind)到您的编辑器
我刚刚测试过，我的例子有一种形式(id:fm)，一种编辑器(id:rongnk)，一种输出文本(id:txt):

<h:body onload="bindiframe()">
        <h:form id="fm"> 
            <p:editor id="rongnk" value="xxx">
            </p:editor>
            <h:outputText id="txt"/>
            <script type="text/javascript">
                var imax = 50;
                function bindiframe(){
                    $('#fm\\:rongnk').find('iframe').contents().find("body").on('keyup', function(e) {
                        ilength = $('#fm\\:rongnk').find('iframe').contents().find("body").text().length;
                        $('#fm\\:txt').html('Remain:' + (imax - ilength));
                    });
                }
            </script>
        </h:form>
    </h:body>