php

How to Create Simple Text Editor on Your Website

Spread the love

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:

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>

Spread the love

Related Posts

One thought on “How to Create Simple Text Editor on Your Website

Leave a Reply

Your email address will not be published.