How To :: Integrate HTML Editor into Text Areas for Public & Admin View
I noticed there are many users wanting to setup this feature within the GLinks Interface for both Admin and Public view. I have been successful in setting up such feature with very little effort and thought it could be useful to others too.
Demo on Live Site :
In above example, we have very few functions, as we only allow limited formatting in the information being submitted.
Demo on Developers Site (Tiny MCE by MoxieCode)
You will notice an HTML editor output with all-most all the options one can think of, along with allowing users to change the HTML Text Area size for their input.
Install Option 1
One way would be to simply download the zip file from TinyMCE website and follow the read me file. It took me less than 5 minutes to get everything working.
Install Option 2
If someone just want to get to the point and wants to know about the steps I took, here is the quick rundown:
- Upload TinyMCE in a sub-directory outside of cgi-bin
- Open the web page in your favorite editor for which you wish to have HTML Editor for text area. In that page add below lines of tag in between <head> .. </head> (Simply make sure to change the URL to exact location on your web site.)
<script language="javascript" type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas"
});
</script> - All Done.. Yeah it is that simple.
Changing Formatting Options
Below are few already available options from MoxieCode website, you can use them or use below link to learn about configuration options, which you can use to create formatting of your own choice.
- Simple Theme:
To learn more about Configuration Options you can visit : http://wiki.moxiecode.com/index.php/TinyMCE:Configuration
Hope this information is as helpful to all of you, as it has been to me.
P.S. You can also setup different formatting options for different forms (both GLinks and Non Glinks Forms). Just change the header javascript for that pages.
Vishal
-------------------------------------------------------
How To :: Integrate HTML Editor into Text Areas for Public & Admin View