Today we will see how to make a simple text editor on your website.
To add a simple text editor to your website, I will tell you some simple steps, with the help of which you can add a cool custom text editor to your website.
Follow Few Steps:
Table of Contents
Step 1: Search ckeditor 4 Download in your Google
Search ckeditor 4 download in your google and click on first URL.
Click and Directly Download https://ckeditor.com/ckeditor-4/download/
Step 2: Click Download Button
Scroll the open page, you will see the option of download, you have to download it.
Note: Here it has been told about how to setup by downloading the Standard Package.
Step 3: Download zip file and extract zip file
Step 4: Create index.html File.
Extract the zip file and create index.html file inside that folder, now include a ckeditor.js file under the script and then take the text area and take id and name beans in it, now add the scripting below to it.
<script> CKEDITOR.replace('idname'); </script>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Simple Text Editor</title> <script src="ckeditor/ckeditor.js"></script> </head> <body> <h1>How to Create Simple Text Editor on Your Website</h1> <textarea id="ckeditor" name="ckeditor"> </textarea> <script> CKEDITOR.replace('ckeditor'); </script> </body> </html>