Ext JsでHTMLエディタのmaxlengthを10に制限する必要があります

Question

5の後に文字を入力する必要がありません。 enforceMaxLengthとmaxLengthが動作しないように見える 設定を提供する必要がある場合は、私を助けてください。

new Ext.panel.Panel({ 
 
     title: 'HTML Editor', 
 
     renderTo: Ext.getBody(), 
 
     width: 550, 
 
     height: 250, 
 
     frame: true, 
 
     layout: 'fit', 
 
     items: { 
 
      xtype: 'htmleditor', 
 
      enableColors: false, 
 
      enableAlignments: false, 
 
      enforceMaxLength: true, 
 
      maxLength: 5 
 
     } 
 
    });

Answer 1

私は質問がdownvotedれた理由は、質問とコードの明確さの欠如だったと思います。質問を言い換えて、マークダウンの書式を使用してコードを表示してください。さらに、JSFiddle/JSBinなどを使用して、コードが期待どおりに機能しないことを示すことができます。

Answer 2

どのバージョンのextjを使用していますか？ htmleditorにはenforceMaxLengthまたはmaxLengthはありません。あなたができると思うのは、htmleditorの変更イベントを聞き、コンポーネントを強制的に無効にすることです。

new Ext.panel.Panel({ 
    title: 'HTML Editor', 
    renderTo: Ext.getBody(), 
    width: 550, 
    height: 250, 
    frame: true, 
    layout: 'fit', 
    items: { 
     xtype: 'htmleditor', 
     enableColors: false, 
     enableAlignments: false, 
     listeners : { 
      change : function(field,newValue, oldValue, eOpts){ 
       if(newValue.length >= 5) { 
        alert('more chars'); // code here for disabling keyboard entry 
       } 
      } 
     } 
    } });