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 src="ckeditor/ckeditor.js"></script>
<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>
One thought on “How to Create Simple Text Editor on Your Website”