The <cftextarea>
tag gives you a rich text editing tool.
It is based on fckeditor which was a forerunner to ckeditor.
fckeditor is no longer supported.
Here I am going to use ckeditor to achive the same thing as <cftextarea>
.
Firstly <cftextarea>
.
Listing 1 : cftextarea.cfm
<cfparam name="textarea_1" default="">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CFTEXTAREA</title>
<link rel="stylesheet" href="css/custom.css">
</head>
<body>
<cfoutput>
<cfform name="frmExample">
<div id="cftextarea_content">
<cftextarea name="textarea_1" richtext="true" toolbar="Basic">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia, ducimus, libero reprehenderit fuga recusandae iste laudantium earum tempore laborum consequuntur eligendi porro. Quae, nisi quia assumenda explicabo omnis doloribus placeat?
</cftextarea>
</div>
<cfinput type="submit" value="Update" name="frmExample_submit"/>
</cfform>
#textarea_1#
</cfoutput>
</body>
</html>
And now the alternative to <cftextarea>
.
Listing 2 : index.cfm
<cfparam name="textarea_1" default="">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CFTEXTAREA Alternative</title>
<link rel="stylesheet" href="css/custom.css">
</head>
<body>
<cfoutput>
<div id="content">
<form name="frmExample" >
<textarea id="textarea_1" name="textarea_1">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia, ducimus, libero reprehenderit fuga recusandae iste laudantium earum tempore laborum consequuntur eligendi porro. Quae, nisi quia assumenda explicabo omnis doloribus placeat?
</textarea>
<input type="submit" value="Update" name="frmExample_submit"/>
</form>
</div>
#textarea_1#
</cfoutput>
<script src="//cdn.ckeditor.com/4.4.3/standard/ckeditor.js"></script>
<script type="text/javascript">
CKEDITOR.replace('textarea_1');
</script>
</body>
</html>
For further information you can reference :-