Javascript 在同一页面上使用多个不同的编辑器“CKEDITOR5”

在同一页面上使用多个不同的编辑器“CKEDITOR5” 经典e气球

我不能在一个页面上放置两种不同类型的编辑器。 下面我留下一个例子，说明放置两个不同的编辑器会是什么样子

但由于我为每种类型的编辑器都提供了一个库，它似乎在说“CKEditorError:ckeditor duplicated modules:某些ckeditor 5 modules是重复的。”

对不起，英语不好

<div class="editorclassic">
</div>
<div class="editorballoon">
</div>

// The two libraries repeated but each adapted to a type of editor
<script src="plugins/ckeditor5classic/build/ckeditor.js"></script>
<script src="plugins/ckeditor5ballon/build/ckeditor.js"></script>

// Initialize both types of editors
<script>
            ClassicEditor
            .create( document.querySelector( '.editornormal' ), {
                toolbar: {
                    items: [
                        'heading',
                        '|',
                        'bold',
                        'italic',
                        'bulletedList',
                        'numberedList',
                        '|',
                        '|',
                        'imageUpload',
                        'blockQuote',
                        'insertTable',
                        'mediaEmbed',
                        'undo',
                        'redo'
                    ]
                },
                language: 'pt',
                licenseKey: '',

            } )
            .then( editor => {
                window.editor = editor;
            } )
            .catch( error => {
                console.error( error );
            } );



            BalloonEditor
            .create( document.querySelector( '.editorballon' ), {
                toolbar: {
                    items: [
                        'heading',
                        '|',
                        'bold',
                        'italic',
                        'link',
                        'bulletedList',
                        'numberedList',
                        '|',
                        'indent',
                        'outdent',
                        '|',
                        'imageUpload',
                        'blockQuote',
                        'insertTable',
                        'mediaEmbed',
                        'undo',
                        'redo'
                    ]
                },
                language: 'pt',
                image: {
                    toolbar: [
                        'imageTextAlternative',
                        'imageStyle:full',
                        'imageStyle:side'
                    ]
                },
                table: {
                    contentToolbar: [
                        'tableColumn',
                        'tableRow',
                        'mergeTableCells'
                    ]
                },
                licenseKey: '',

            } )
            .then( editor => {
                window.editor = editor;
            } )
            .catch( error => {
                console.error( error );
            } );
    </script>

document.AddEventListenerDomainContentLoaded，functionevent{ var-numb=1； 做{ 分类编辑器 .create document.querySelector“body”+numb{ 移除插件：['insertImage'，'insertMedia'，'Link'，'blockQuote']， 工具栏：['标题'，'粗体'，'斜体'，'项目符号列表'，'数字列表'，] } .catch错误=>{ 控制台错误； } 麻木++； } 麻木<4； }; .ck-editor\u可编辑\u内联{ 最小高度：150px； }

---

欢迎来到堆栈溢出。代码片段的出色使用，但几乎所有纯代码答案都可以通过添加一些关于它们如何工作以及为什么工作的解释来改进。这样做还可以解决问题中两个编辑器的配置略有不同的部分。