CKEditor CDN使用本地插件还原为原始文本区域

Question

添加wordcount插件后，它只是恢复到我的原始文本区域。

这里是我的代码（JS是不是我的事，任何方式）：

<textarea id="editor1" name="editor1" maxlength="10" placeholder="5000 Characters Max.(with HTML)"></textarea> 
<script> 
    CKEDITOR.plugins.addExternal('wordcount', '/ckeditor/plugins/wordcount/'); 
     config.wordcount = { 
      // Whether or not you want to show the Word Count 
      showWordCount: true, 

      // Whether or not you want to show the Char Count 
      showCharCount: false, 

      // Maximum allowed Word Count 
      maxWordCount: 4, 

      // Maximum allowed Char Count 
      maxCharCount: 10 
     }; 

CKEDITOR.replace('editor1', { 
    extraPlugins: 'colorbutton,colordialog,font,wordcount', 
    toolbar: [ 
     { name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] }, 
     { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], items: [ 'Find', 'Replace', '-', 'SelectAll', '-', 'Scayt' ] }, 
     { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl', 'Language' ] }, 
     { name: 'colors', items: [ 'TextColor', 'BGColor' ] }, 
     '/', 
     { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat' ] }, 
     { name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] }, 
     ] 
    }); 
</script> 

Answer 1

你config变量（未定义）不会做任何事情。您需要将对象设置为传递到CKEDITOR.replace的对象或您的config.js文件中。欲了解更多详情，请参阅Setting CKEditor Configuration指南。

这里最简单的方法是将单词计数插件配置添加到CKEDITOR.replace调用，就像这样：

<textarea id="editor1" name="editor1" maxlength="10" placeholder="5000 Characters Max.(with HTML)"></textarea> 
<script> 
CKEDITOR.plugins.addExternal('wordcount', '../../plug/wordcount/'); 

CKEDITOR.replace('editor1', { 
    extraPlugins: 'colorbutton,colordialog,font,wordcount', 
    toolbar: [ 
     { name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] }, 
     { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], items: [ 'Find', 'Replace', '-', 'SelectAll', '-', 'Scayt' ] }, 
     { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl', 'Language' ] }, 
     { name: 'colors', items: [ 'TextColor', 'BGColor' ] }, 
     '/', 
     { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat' ] }, 
     { name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] }, 
    ], 
    wordcount: { 
     // Whether or not you want to show the Word Count 
     showWordCount: true, 

     // Whether or not you want to show the Char Count 
     showCharCount: false, 

     // Maximum allowed Word Count 
     maxWordCount: 4, 

     // Maximum allowed Char Count 
     maxCharCount: 10 
    } 
}); 
</script>