https://github.com/regischen/ckeditor5-codeblock-with-syntax-highlight
Real-time syntax highlighting based on the official CKEditor5-code-block
https://github.com/regischen/ckeditor5-codeblock-with-syntax-highlight
Last synced: 11 months ago
JSON representation
Real-time syntax highlighting based on the official CKEditor5-code-block
- Host: GitHub
- URL: https://github.com/regischen/ckeditor5-codeblock-with-syntax-highlight
- Owner: regischen
- License: other
- Created: 2020-12-26T05:22:01.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2020-12-26T09:07:49.000Z (over 5 years ago)
- Last Synced: 2025-09-01T12:47:45.614Z (11 months ago)
- Language: JavaScript
- Size: 80.1 KB
- Stars: 20
- Watchers: 1
- Forks: 4
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
# CKEditor 5 code block with real-time syntax highlight
This package implements real-time syntax highlight basesd on the code block feature of CKEditor 5 and third party libary Highlight.js
## Usage
```
npm i ckeditor5-codeblock-with-syntax-highlight --save
```
```
import CodeBlock from 'ckeditor5-codeblock-with-syntax-highlight/src/codeblock'
(Note: comment original import.)
// import CodeBlock from '@ckeditor5/ckeditor5-code-block/src/codeblock'
```
```
plugins: [..., CodeBlock]
```
```
toolbar: [..., 'codeBlock']
```
**If you find value in this package, please consider give a star.
So I will be more motivated to improve this package.**
**Any suggestions and issues are welcome!**
## License
Licensed under the terms of [GNU General Public License Version 2 or later](http://www.gnu.org/licenses/gpl.html). For full details about the license, please check the `LICENSE.md` file or [https://ckeditor.com/legal/ckeditor-oss-license](https://ckeditor.com/legal/ckeditor-oss-license).