JavaScript Scripts





Español Français 中文 Deutsch Portuguese Japanese nederlands
   
 
Free Java Script Codes
Javascript List All
Slide Show Slide Show
Ad Display Ad Display
Image Effect Image Effect
Animated Image Effects Animated Image Effects
Form Validation Form Validation
Color Picker Tool Color Picker Tool
Formatting Forms Formatting Forms
Select All Select All
Dynamic Form Select Dynamic Form select
Dynamic Color Dynamic Color
Dynamic Color Calendar
Textbox Counter Textbox Counter
Alphanumeric Alphanumeric
Date Time Script Date & Time
Stop Watch Script Stop Watch script
Delete Repeated Values Delete Repeated Values
Pagination Pagination
Random Generator Random Generator
Animated Text Animated Text
Cursor Position Cursor Position
User Info Window / User Info
Security Security / Authenticate
Bookmark Bookmark
Mouse Effects Mouse Effects
Title Bar Title Bar
Status Bar Status Bar
Country List Country List
Free Games Free Games
Calculators Calculators
 

Rich Text Editor Script


About
Rich Text Editor script allows the user to easily format the contents entered, such as to make it bold, change its size, color etc. Allows user to replace a form's textarea with a custom one that supports WYSIWYG format editing. Rich Text Editor is an extremely simple and easy to use javascript based HTML WYSIWYG editor.


Feature
a) Rich Text Editor is a multi platform compatible script.
b) Allows WYSIWYG HTML TextArea replacement.
c) Provides Advanced text editing.
d) Simple and easy to implement into any existing content management system or other web application.
e) No programming or javascript knowledge is required.

Preview
RICH TEXT EDITOR

Bold Underline Italic Align Left Align Center Align Right Undo Redo T
H




Code
 <!-- Script by hscripts.com -->
 <!-- Copyright of HIOXINDIA -->
 <!-- More scripts @www.hscripts.com -->
<script type="text/javascript" src="hrichtexteditor/editor.js"></script>
<table>
<form name="edit">
<tr>
<td><a href="javascript:editorCommand('content', 'Bold', '');" ><img src="hrichtexteditor/images/bold.gif" width="25" height="24" alt="Bold" title="Bold" border="0"></a></td>

<td><a href="javascript:editorCommand('content', 'Underline', '')" ><img src="hrichtexteditor/images/underline.gif" width="25" height="24" alt="Underline" title="Underline" border="0"></a></td>

<td><a href="javascript:editorCommand('content', 'Italic', '')" ><img src="hrichtexteditor/images/italic.gif" width="25" height="24" alt="Italic" title="Italic" border="0"></a></td>

<td><a href="javascript:editorCommand('content', 'justifyleft', '')" ><img src="hrichtexteditor/images/j_left.gif" width="25" height="24" alt="Align Left" title="Align Left" border="0"></a></td>

<td><a href="javascript:editorCommand('content', 'justifycenter', '')" ><img src="hrichtexteditor/images/j_center.gif" width="25" height="24" alt="Align Center" title="Align Center" border="0"></a></td>

<td><a href="javascript:editorCommand('content', 'justifyright', '')" ><img src="hrichtexteditor/images/j_right.gif" width="25" height="24" alt="Align Right" title="Align Right" border="0"></a></td>
<td><a href="javascript:editorCommand('content', 'undo', '')" ><img src="hrichtexteditor/images/undo.gif" width="25" height="24" alt="Undo" title="Undo" border="0"></a></td>

<td><a href="javascript:editorCommand('content', 'redo', '')" ><img src="hrichtexteditor/images/redo.gif" width="25" height="24" alt="Redo" title="Redo" border="0"></a></td>
<td><select name=sel id="sel"  onchange="javascript:editorCommand('content', 'FontSize',document.edit.sel[document.edit.sel.selectedIndex].text)">
 <option>size</option>
 <option value="2">2</option>
 <option value="3">3</option>
 <option value="4">4</option>
 <option value="5">5</option>
 <option value="6">6</option>
 </select>
</td>
<td><input type="hidden" name="hexval" id="hx" value="#000000">
<font name="disp" id="cv" readonly onmouseover="showtab(event)" onmouseout="deltab()" style="color:#000000;font-size:25px;">T</font>
        <div id="tb" style="position: absolute;top: 560px; left: 220px; ; display: none;" onmouseout="deltaba()">
        <table cellpadding=0 cellspacing=0 style="border: 1px black;">
        <script type="text/javascript"> 
                for(i=0;i<256;i+=85)
                  {
                     document.write("<tr style=\"border: 1px black;\">");
                      for(j=0;j<256;j=j+51)
                      {
                          for(k=0;k<256;k=k+25.5)
                           {
                                var ii = Math.round(i);
                                var jj = Math.round(j);
                                var kk = Math.round(k);
                                if(ii == 255 && jj == 255 && kk == 255)
                                {
                                  document.write("<td onmouseover='showval("+ii+","+jj+","+kk+")' \
                                onclick='clicked("+ii+","+jj+","+kk+")' style='border: 1px solid black; width:8px; height: 8px; background-color: rgb("+ii+","+jj+","+kk+");'> \ </td>");
                                }else{
                                   document.write("<td onmouseover='showval("+ii+","+jj+","+kk+")' \
                                onclick='clicked("+ii+","+jj+","+kk+")' style=\"border: 1px solid black; width:8px; height: 8px; \ font-size: 5px; background-color: rgb("+ii+","+jj+","+kk+");\""+"> </td>");
                                      }
                             }
                               document.write("</tr><tr>");
                      }
                         document.write("</tr>");

                }
       </script>
</table>
</div>
</td>
<td>
<div align=center style="font-size: 10px; color:green;" id="dumdiv">
<a href="http://www.hscripts.com" id="dum" style="text-decoration:none; color: green;">H</a>
</div>
<script type="text/javascript">document.onload = ctck();</script>
</td>
<td width=20%></td>
</tr>
<tr>
<td colspan="12">
<script type="text/javascript">
   displayEditor('content', '', 400, 200);
</script><br><br>
</td>
</tr>
</form>
</table>
</body>
</html>
 <!-- Script by hscripts.com -->


Downloads version 1.0 - richtexteditor

Release Date - 07-04-2009
Get free version without ©copyright link for just 5 price

For customization of this script or any script development, contact us at support@hscripts.com


Usage
a) Download and Unzip hrichtexteditor.zip to extract the files editor.js file and images folder.
b) Just copy the above code and paste into your file where you want the richtext editor.
c) Make sure that the downloaded folder and the file where the code is pasted are in the same path.
d) Simple and easy to use JavaScript HTML WYSIWYG Textarea editor.



License
- The javascript (misspelled as java script) is given under GPL License
- i.e. Free use for those who use the codes as it is.
- Free, if your modification does not remove our copyright information and links.
- Click Here for detailed license information.
- You can purchase the script if your requirements does not meet our GPL License terms.
Other Links

web hosting