search

alexeckermann / ckeditor5-emptyness

How empty is your CKEditor5 instance?
Other
7 stars 4 forks source link

Add documentation for Angular usage #11

Closed OsamaFelFel closed 5 years ago

OsamaFelFel commented 5 years ago

Hello,

I'm trying to use the plugin with Angular. I'm having hard time to achieve that. All I need is to use it with ClassicEditor.

I added it as a dependency referancing it this way

git+https://github.com/alexeckermann/ckeditor5-emptyness.git

then I'm facing

Module not found: Error: Can't resolve '@ckeditor/ckeditor5-ui/src/template' in '/sandbox/ckeditor/node_modules/ckeditor5-emptyness/src'

I'm ready to create a PR for it once I could make it run :)

OsamaFelFel commented 5 years ago

I figured it out. Here are the steps for anyone who might need it.

1- Fork https://github.com/ckeditor/ckeditor5-build-classic (Assuming you need to work with Classic editor).

2- Add the following to forked package.json 

    "@ckeditor/ckeditor5-ui": "^11.2.0",

    "ckeditor5-emptyness": "git+https://github.com/alexeckermann/ckeditor5-emptyness.git",

3- Add the following to forked src/ckeditor.js (full details)

import * as Emptyness from 'ckeditor5-emptyness/src/emptyness'; 

ClassicEditor.builtinPlugins = [
.
.
.
 Emptyness 
];

4- run the following command npm run precommit

5- Push the changes to forked repo.

6- Now you can reference the forked editor in your Angular project. Add this to Angular package.json "@ckeditor/ckeditor5-build-classic": "git+https://github.com/XXXX/ckeditor5-build-classic-placeholder.git"