Welcome back to shortlearner.com, today in this post we will see how to integrate ckeditor in our web based projects.
so before start the integration we should take an small overview and knowing the amazing benefits and features of CKeditor.
most of the time we need an editor that will help us to bold, italic and underline the paragraph and also help us to upload multiple images with in the paragraph.
- Applying Styles to Editor Content
- Applying Block-Level Text Formats
- Basic Text Styles: Bold, Italic and More
- HTML Output Formatting
- Inserting Code Snippets
- Pasting Content from Microsoft Word
- Removing Text Formatting
- Setting Text and Background Color
- Source Code Editing
- Table Creation
- Using the Copy Formatting Feature
How to Integrate
It is very easy to implement the features of CK Editor in our web application.
just follow the below steps
<textarea name="editor1"></textarea> <script> CKEDITOR.replace( 'editor1' ); </script>
<html> <head> <meta charset="utf-8"> <title>CKEditor Tutorial by shortlearner.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>