If you want to integrate CKEditor in your web app, then you in the right place. When we create a website or web application, there are some Form fields on your page when you type on that you can not make text formatting, underline, bold, italic, etc. I have an amazing thing that can perform all these tasks that you want. You can also download it from here and link it to your pages. So without any waste of time lets introduce CKEditor. You can check this beautiful demo.
What it does
- Basic Text Styles: Bold, Italic and More
- Using the Copy Formatting Feature
- Removing Text Formatting
- Applying Styles to Editor Content
- Applying Block-Level Text Formats
- Setting Text and Background Color
- Source Code Editing
- HTML Output Formatting
- Pasting Content from Microsoft Word
- Inserting Code Snippets
- Table Creation
How to Integrate into your website
in order to integrate it just follow some easy steps :
And wherever you want to place your editor then put this code
<textarea name="editor1"></textarea> <script> CKEDITOR.replace( 'editor1' ); </script>
Hence the Final code would be as :
<html> <head> <meta charset="utf-8"> <title>CKEditor Tutorial by Geekquench.com</title> <script src="https://cdn.ckeditor.com/4.8.0/standard/ckeditor.js"></script> </head> <body> <textarea name="editor1"></textarea> <script> CKEDITOR.replace( 'editor1' ); </script> </body> </html>
Congratulations !! 🙂 Now you can integrate CKEditor, nice thing on the web page, Although these steps were very easy if you still face any problem then you can watch this video tells how to integrate CKEditor.
The same thing is told in this video.