So verwenden Sie wangEditor in Vue und erhalten durch Echo von Daten den Fokus

<div id="div1">
    <p>Willkommen beim Rich-Text-Editor <b>wangEditor</b></p>
</div>

<el-button type="primary" @click="createData()">Anforderung erstellen</el-button>
<el-button size="mini" @click="createData(index, row, true)">Bearbeiten</el-button>

importiere E von 'wangeditor' // Plugin importieren const editor = null
// oder const editor = new E( document.getElementById('div1') )
Daten() {
	zurückkehren {
		Dialogformular: {
	        ID: null,
	        Abteilungs-ID: '',
	        systemConfigId: '',
	        Titel: '',
	        Beschreibung: '',
	        Prioritätsstufe: '',
	        Datei-URL: ''
	      },
      },
},
Methoden: {
    initEditor() {
      if (Herausgeber) return
      Editor = neues E('#div1')
      // Benutzerdefinierte Menükonfiguration editor.config.menus = [
        'head', // Titel'bold', // fett'fontSize', // Schriftgröße'fontName', // Schriftart'italic', // kursiv'underline', // Unterstrichen'strikeThrough', // Durchgestrichen'foreColor', // Textfarbe'backColor', // Hintergrundfarbe'link', // Link einfügen'list', // Liste'justify', // Zitat'image', // Bild einfügen'table', // Tabelle'code', // Code einfügen'undo', // Rückgängig machen'redo' // wiederholen]
      editor.config.onchange = (html) => { // Inhalt im Editor console.log(html, 'content')
        this.dialogForm.description = html // Weisen Sie den in den Daten definierten Wert zu}

      editor.config.customUploadImg = (files, insert) => { // Bild im Rich Text hochladen const param = new FormData()
        param.append('Datei', Dateien[0])
        requireManage.updateOther(param).then((res) => { // Bild hochladen interfaceif (res.data) {
            einfügen(res.data[0])
          }
        })
      }
      editor.create() // Mit Rich Text erstellen},
    createData( row, edit) { // Anzeige erstellen oder bearbeiten this.dialogVisible = true
      this.$nextTick(() => { // Verwenden Sie this.$nextTick, um den Fokus zu erhalten this.$refs['dialogForm'].resetFields()
        this.initEditor() // Rufen Sie die oben beschriebene Methode auf editor.txt.html('') // Löschen Sie den Inhalt des Rich-Texts if (edit) { // Wenn es sich um eine Bearbeitung handelt, fahren Sie mit dem nächsten Schritt fort this.dialogForm = JSON.parse(JSON.stringify(row)) // Echodaten this.dialogForm.id = row.id
          editor.txt.html(this.dialogForm.description) //Echodaten in Rich Text einfügen}
      })
    },
 }

<el-Zeile>
	<el-dialog top="50px" :title="titleType == 1 ? 'Frage hinzufügen' : 'Frage bearbeiten'" :visible.sync="dialogVisible" width="50%" @close="closeDialog">
      <div>
        <el-form ref="dialogFormular" :model="dialogFormular" :rules="dialogRegeln" label-width="100px">
          <el-form-item label="Abteilung" prop="Abteilungs-ID">
            <el-select v-model="dialogForm.departmentId" placeholder="Bitte wählen Sie eine Abteilung">
              <el-option v-for="Artikel in erforderlicher Abteilung" :key="Artikel-ID" :label="Artikel-Abteilungsname" :value="Artikel-ID" />
            </el-Auswahl>
          </el-form-item>
          <el-form-item label="System auswählen" prop="systemConfigId">
            <el-select v-model="dialogForm.systemConfigId" placeholder="Bitte wählen Sie ein System">
              <el-option v-for="Artikel in systemArr" :key="Artikel.id" :label="Artikel.name" :value="Artikel.id" />
            </el-Auswahl>
          </el-form-item>
          <el-form-item label="Titel" prop="Titel">
            <el-input v-model="dialogFormular.title" />
          </el-form-item>
          <el-form-item label="Beschreibung" prop="Beschreibung">
            <div id="Beschreibung" style="Breite: 100%" />
          </el-form-item>
          <el-form-item label="Prioritätsstufe" prop="priorityLevel">
            <el-select v-model="dialogForm.priorityLevel" placeholder="Bitte wählen Sie die Prioritätsstufe">
              <el-option label="Hoch" :Wert="3" />
              <el-option label="Zwei" :value="2" />
              <el-option label="Niedrig" :Wert="1" />
            </el-Auswahl>
          </el-form-item>
          <el-form-item label="Anhang hochladen">
            <el-upload action="/fms/api/productDev/updateOther" >
              <el-button size="small" type="primary">Zum Hochladen klicken</el-button>
            </el-upload>
          </el-form-item>
        </el-form>
      </div>
      <span slot="Fußzeile" class="dialog-footer">
        <el-button type="primary">Senden</el-button>
      </span>
    </el-dialog>
 </el-row>