Javascript ng2编辑器使用typescript和angular 2.0添加占位符插件

我试图在CKEditor工具栏中获取占位符插件，但在向CKEditor config添加

外部插件时出现以下错误：“占位符”

Error: [CKEDITOR.resourceManager.load] Resource name "placeholder" was not found at "//cdn.ckeditor.com/4.5.9/standard/plugins/placeholder/plugin.js?t=G6DD".

这是控制台日志屏幕截图-

我还创建了一个

我已通过npm安装了“ng2 ckeditor”：“^1.0.4”

我能得到一些帮助吗？

你应该使用：

<script src="https://cdn.ckeditor.com/4.5.11/full-all/ckeditor.js"></script>

但您必须在组件中定义：

onChange(body:any) {
 //your Code
}

---

如果要使用占位符或其他插件，必须执行以下操作

1-转到此页面（）下载插件（如占位符），并将其放置在项目的资产文件夹中

2-从CDN（在index.html中）包含ckeditor

在app.component.html中

<form #form="ngForm">
 <ckeditor #myEditor [(ngModel)]="ckeditorContent" name="ckeditorContent"
  [config]="{uiColor: '#a4a4a4' , allowedContent: false,forcePasteAsPlainText: false , extraPlugins: 'placeholder'}"
  debounce="500"> </ckeditor>
</form>

onChange(body:any) {
 //your Code
}

  <script src="https://cdn.ckeditor.com/4.12.1/full-all/ckeditor.js"></script>

  <script src="./assets/ckediotr/plugins/placeholder/plugin.js"></script>

export class AppComponent implements OnInit {
  ckeditorContent = 'angualrckeditor';
  ngOnInit(): void {
    CKEDITOR.on('instanceCreated', function (event, data) {
      var editor = event.editor,
        element = editor.element;
      editor.name = "content"
    });
  }
}

<form #form="ngForm">
 <ckeditor #myEditor [(ngModel)]="ckeditorContent" name="ckeditorContent"
  [config]="{uiColor: '#a4a4a4' , allowedContent: false,forcePasteAsPlainText: false , extraPlugins: 'placeholder'}"
  debounce="500"> </ckeditor>
</form>