Интегрировать CKEditor как встроенный редактор с Angular 4

Question

Помогите мне, как интегрировать CKEditor как встроенный редактор с angular2 / 4/6.ниже ссылка объясняет только прямую интеграцию. https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/angular.html

Answer 1

УГЛОВОЙ 4 ВСТУПЛЕНИЕ

1- Установите "ng2-ckeditor": "1.1.9", используя npm.

2- Добавить "https://cdn.ckeditor.com/4.11.1/full/ckeditor.js" с тегом скрипта в in index.html

3 - Импортировать CKEditorModule в модуль страницы, для которой вы хотите ckeditor.

4 - Установить конфигурацию как вам нравится

   ckEditorWithImageConfig = {
        "toolbarGroups": [
            {"name": "basicstyles", "groups": ["basicstyles"]},
            {"name": "links", "groups": ["links"]},
            {"name": "styles", "groups": ["heading"]},
            {"name": "paragraph", "groups": ["list", "blocks", "indent"]},
            {"name": "document", "groups": ["mode", "undo"]},
            {"name": "insert", "groups": [ "Image" ] }
        ],
        "removeButtons": "Save,Templates,Find,Replace,Scayt,SelectAll,Subscript,Superscript,CreateDiv,NewPage,Print,Preview," +
        "Anchor,Font,FontSize,Styles,Flash,Table,HorizontalRule,Smiley,SpecialChar,PageBreak,Iframe",
        "removePlugins": "elementspath",
        "removeDialogTabs": "image:advanced",
        "extraPlugins": "uploadimage",
        "filebrowserImageUploadUrl": "url"
    };

5 - Добавьте это в html и передайте config в [config]

<ckeditor name='intro'                                                                   
  [config]= ckEditorWithImageConfig formControlName="text">
</ckeditor>

6 - Теперь наслаждайтесь ...