Angular 角样板项目中未显示CKEditor_Angular_Npm_Ckeditor_Textarea_Boilerplate

Angular 角样板项目中未显示CKEditor

angular npm ckeditor

Angular 角样板项目中未显示CKEditor,angular,npm,ckeditor,textarea,boilerplate,Angular,Npm,Ckeditor,Textarea,Boilerplate,我使用的是CkEditor标准4.7.3。我的代码不显示CkEditor，而是显示简单的文本区域。下面是我一直在使用的代码 <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <script src="../../../node_modules/ckedit

我使用的是CkEditor标准4.7.3。我的代码不显示CkEditor，而是显示简单的文本区域。下面是我一直在使用的代码

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="../../../node_modules/ckeditor/ckeditor.js"></script>
    <script src="../../../node_modules/ckeditor/adapters/jquery.js"></script>
    <script type="text/javascript">
        CKEDITOR.replace('myEditor');
    </script>
</head>
<body>
    <div id="divMailBox">
        <span>Subject</span>
<textarea class="ckeditor" id="myEditor" name="myEditor" cols="20" rows="10"><b>New Text can this be changed</b></textarea>
    </div>
</body>
</html>


CKEDITOR.replace（'myEditor'）；
主题
新文本可以更改吗

请告诉我要添加的内容

我在查看此url时找到了答案

请遵循以下步骤 1）安装软件包 npm安装ng2 ckeditor--保存

2）在index.html中添加脚本

3）在下面的app.module.ts附录中

从“ng2 ckeditor”导入{CKEditorModule}

然后在导入部分添加CKEditorModule组件

进口：[

……某些组件*/

，ckeditor模块 ],

4）然后在html页面中添加下面的控件

<ckeditor [(ngModel)]="content" debounce="500">
<p>Hello <strong>world</strong></p>
</ckeditor>


你好world

5）运行并检查页面中的HTML编辑器。