如何将插件添加到 CKEditor 5？

编程问答 2022-04-30

问题描述

我正在学习如何使用 CKEditor 5 以及如何向编辑器添加插件。我一直在尝试按照 CKEditor 生态系统文档中提供的说明进行操作，但在集成 Word Count Plugin

时出现错误

我已将插件从 GitHub 下载到本地插件文件夹中。

 CKEditor 
 |---ckeditor.js
 |---ckeditor.js.map
 |---translations (folder)
 |---plugins(folder) 
     |---ckeditor5-word-count (folder)
         |---src (folder)
             |---wordcount.js

我不知道从 CKEditor 5 本身在本地安装这个插件的正确方法，而不必从互联网下载它（从 npm 存储库安装 npm）。我很清楚我做错了什么，但我无法确定是什么。

如果有人能给我提示、替代方案，当然还有解决方案，我将不胜感激。我已经尝试了几天了，我不知道我能做什么，不能再做什么。如果有人能帮助我，我将不胜感激。

$(function() {   
    var editorTextarea
    ClassicEditor.create( document.querySelector( '#cktext' ),{
            
        } )
        .then (editor => {
            editorTextarea = editor;                            
        })
        .catch( error => {
            console.error( error );
        } );
    
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.ckeditor.com/ckeditor5/27.1.0/classic/ckeditor.js"></script>

<form class="test-form-horizontal" id="testform" role="form" >
  <div class="row">
   <div class="col-sm-12">
     <label for="ckname">Name*:</label> 
     <input name="ckname" class="form-control" id="ckname" />
   </div>
   <div class="col-sm-12"><p>&nbsp;</p></div>

   <div class="col-sm-12">
     <label for="cktext">CkEditor*:</label> 
     <textarea class="form-control ckeditor" name="cktext" id="cktext"></textarea>
   </div>

   <div class="col-sm-12"><p>&nbsp;</p></div>
   </div>
  <button type="submit" class="btn btn-default btn-success">Submit</button>
  </form>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

ckeditorckeditorckeditorckeditor5htmljquery