Question

我使用的是CkEditor Standard 4.7.3。我的代码不显示CkEditor，而是显示简单的TextArea。以下代码我一直在使用。

<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>

请告诉我要添加的内容

Answer 1

我找到了答案回顾这个网址 https://embed.plnkr.co/hnB0R3/

请按照以下步骤操作 1）安装包 npm install ng2-ckeditor --save

2）在index.html中添加脚本

3）在app.module.ts adde下面

从'ng2-ckeditor'导入{CKEditorModule};

然后在导入部分

中添加CKEditorModule组件

进口：[

...... / *某些组件* /

，CKEditorModule ]，

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

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

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

CKEditor没有显示在Angular Boilerplate项目中

1 个答案: