CKEditor with Code Block Plugin

• 

  added a code editor plugin

I was inspired to enhance CKEditor by the need for an easy-to-use code editor that supports syntax highlighting for various programming languages. This project integrates the Code Block plugin into CKEditor, allowing users to easily embed formatted code blocks in their documents.

Through this project, I learned how to extend CKEditor with custom plugins and configure them to support specific functionalities. I added the ability to define multiple programming languages for code blocks, enabling seamless integration of code into any document. One of the main challenges I faced was ensuring proper syntax highlighting for different languages and configuring CKEditor to allow for flexible customization of code block options.

Building the project involved importing the CodeBlock plugin from CKEditor and customizing the toolbar to make the code block functionality accessible. I also learned how to specify which programming languages users could choose from, making the feature both functional and customizable.

Built With

• html/css:
• integration.
• javascript:
• node.js:
• npm: