如何将quill editor的文本字符限制限制为angularJS中最多5000个字符?
这是我的html代码。如何限制用户最多输入5000个字符如何将quill editor的文本字符限制限制为angularJS中最多5000个字符?,angularjs,quill,maxlength,Angularjs,Quill,Maxlength,这是我的html代码。如何限制用户最多输入5000个字符 参考文件 标记代码:- <div class="ql-container ql-bubble" id="richTextQuel"> <ng-quill-editor theme="bubble" id="richTextEditor" placeholder="Inclusions" ng-model="title" modules="richTextEditorModules" class="ng-pris
参考文件
标记代码:-
<div class="ql-container ql-bubble" id="richTextQuel">
<ng-quill-editor theme="bubble" id="richTextEditor" placeholder="Inclusions" ng-model="title" modules="richTextEditorModules" class="ng-pristine ng-untouched ng-valid ng-isolate-scope ng-change="textChanged($event)"
ng-not-empty">
</ng-quill-editor>
</div>
以下是Angular 2+和Priming的解决方案,但您可以将其更改为适合您的解决方案:
this.editor.getQuill().root.addEventListener('keydown', ($event) => this.checkLength($event));
其中checkLength为:
checkLength($event) {
if (this.editor.getQuill().root.innerHTML.length >= 15) {
$event.preventDefault();
}
}
简单:
maxlength=“5000”
,或者您可以在模型发生更改时限制其长度,以检测是否使用ng change=“checkLength(title)”
(具有自定义功能)您好,很抱歉,我对quill编辑器不太熟悉。你能告诉我JS代码应该放在哪里吗?在父js文件或html页面使用的js文件或某些指令js文件中。?@Omkar您需要在控制器文件中添加js代码….&html文件中的标记代码…一旦我将此代码添加到js文件中,就会出现错误,即quill没有定义,即使是在链接中提供的上述js代码中?
checkLength($event) {
if (this.editor.getQuill().root.innerHTML.length >= 15) {
$event.preventDefault();
}
}