javascript 无法对“元素”执行“setAttribute”：“[editor]？”不是有效的属性名

sg3maiej 于 2023-01-29 发布在 Java

关注(0)|答案(2)|浏览(148)

此序列导致出现错误：

1.转到https://ckeditor.com/docs/ckeditor5/latest/installation/getting-started/frameworks/angular.html。
1.尝试在您的Angular 程序中执行CKEditor，并获得如下github issue所示的错误。
1.试着做一些临时的解决办法：* 删除CKEditor_Version字段的空检查，并将类型设为字符串。*
1.键入命令ng serve并在浏览器（Chrome）中看到它。
1.点击鼠标右侧，按inspect打开开发工具。
1.转到“控制台”选项卡菜单并查看错误，例如：

实际结果

无法在HTML文件中使用**<ckeditor [editor]?="Editor"></ckeditor>*标记。
安装的CKEditor插件：从'@ckeditor/ckeditor5-build-classic'

JavaScript

来源：https://stackoverflow.com/questions/73273458/failed-to-execute-setattribute-on-element-editor-is-not-a-valid-attrib

2条答案

按热度按时间

hmae6n7t1#

我认为您导入的ClassicEditor不正确，请修改以下行!
之前：

import * as ClassicEditor from '@ckeditor/ckeditor5-build-classic';

之后：

import ClassicEditor from '@ckeditor/ckeditor5-build-classic';

. ts

import { Component, VERSION } from '@angular/core';
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
})
export class AppComponent {
  Editor = ClassicEditor;
  title = 'CKEditorAngularApp';
  name = 'Angular ' + VERSION.major;
}

stackblitz example
stackblitz example 2

赞(0）回复(0）举报 2023-01-29

kd3sttzy2#

从“@ckeditor/ckeditor 5-build-classic”中导入 * 作为经典编辑器;
enter image description here
测试答案

赞(0）回复(0）举报 2023-01-29