This is a React-wrapped ready-to-use rich text editor for Taskworld app.
This repository has 2 types of packages: editor and plugin.
An editor on its own does not have any feature but a feature-specific plugin must be imported into the editor to enable such capabilities and UI, for example ckeditor5-basic-styles/src/bold.js
This repository is a fork of the official CKEditor 5 where icons, shortcut keys and style are heavily modified to match Taskworld designs and requirements. This makes it easier for upgrading the core CKEditor version by pulling the latest from the original repository.
See also CKEditor 5 official documentation
The editor bundle can be found at packages/ckeditor5-build-taskworld directory.
To upgrade CKEditor and its plugins, visit taskworld/ckeditor5/tree/stable and click Sync fork then Update branch as shown below. After that, rebase taskworld-v* branch onto the recently synced stable branch. Do not forget to update the version field and dependencies in packages/ckeditor5-build-taskworld/package.json
To test a work-in-progress editor, make sure you have tw-frontend repository cloned next to this repository then run the below:
yarn
cd packages/ckeditor5-build-taskworld
yarn testThe above commands will rebuild the editor and copy the bundle onto tw-frontend/client/node_modules/@taskworld/ckeditor5
To deploy a new version, simply push a new commit to taskworld-v* branch. GitHub Actions will automatically create a new version containing the Git commit hash and publish it to GitHub registry.
You can find the latest version at https://github.com/taskworld/ckeditor5/pkgs/npm/ckeditor5
You can consume the editor by installing @taskworld/ckeditor5 with .npmrc file containing your access token.
@taskworld:registry=https://npm.pkg.github.com
//npm.pkg.github.com/:_authToken=...