Skip to content

页面中有两个编辑器实例,当删除第一个编辑器后,第二个实例点击公式报错 #1111

@pkwdzc

Description

@pkwdzc

Description

当页面中有两个ck5实例并且都加载了wiris插件,因为业务需求,删除了第一个ck5实例,然后你会发现第二个ck5编辑器的wiris打不开了,点击报错

Environment

ckdeditor : 46.0.0
vue2: 2.7.16
@ckeditor/ckeditor5-vue2: 3.0.1
mathtype-ckeditor5: 8.13.3

Steps to reproduce

1、页面中创建两个带wiris公式的ck5编辑器
2、删除第一个编辑器

Expected result

第二个编辑器功能正常

Actual result

第二个编辑器的公式点击报错

index.js:1110 Uncaught CKEditorError: unexpected-error
Read more: https://ckeditor.com/docs/ckeditor5/latest/support/error-codes.html#error-unexpected-error
Original error: TypeError: Cannot read properties of null (reading 'editing')
    at CKEditor5Integration.openNewFormulaEditor (index.js:164:63)
    at ChemTypeCommand.openEditor (index.js:368:24)
    at ChemTypeCommand.execute (index.js:348:10)
    at ChemTypeCommand.eval (index.js:1955:37)
    at ChemTypeCommand.fire (index.js:1485:16)
    at <computed> [as execute] (index.js:1958:21)
    at CommandCollection.execute (index.js:542:20)
    at ClassicEditor.execute (index.js:2555:28)
    at ButtonView.eval (index.js:547:18)
    at ButtonView.fire (index.js:1485:16)

Other details

<template>
  <div class="home">
    <ckeditor v-if="ckShow" :editor="editor" v-model="text1" :config="editorConfig"></ckeditor>
    <ckeditor :editor="editor" v-model="text2" :config="editorConfig"></ckeditor>
    <button @click="ckShow = false">删除第一个</button>
  </div>
</template>

<script>
import CKEditor from '@ckeditor/ckeditor5-vue2'
import {
  ClassicEditor,
  Paragraph
} from 'ckeditor5';
import MathType from '@wiris/mathtype-ckeditor5/dist/index.js';

import 'ckeditor5/ckeditor5.css';

export default {
  name: 'HomeView',
  components: {
    ckeditor: CKEditor.component,
  },
  data() {
    return {
      editor: ClassicEditor,
      editorConfig: {
        licenseKey: 'GPL', // Or 'GPL'.
        plugins: [
          MathType,
          Paragraph
        ],
        toolbar: [
          'MathType',
          'ChemType',
        ],
      },
      text1: '1111111',
      text2: '22222222',
      ckShow: true
    }
  }
}
</script>

Metadata

Metadata

Assignees

No one assigned

    Labels

    type:bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions