The TINYMCE installation is very simple, it can be initialized to the <TEXTAREA> in the <form> tab, and when the form is submitted, the contents of the TINYMCE Editor are submitted as part of the <form> form.
Step 1: Download the TINYMCE and place it in the Web server directory
- Download TINYMCE
- Compress the resulting zip package and copy the "TINYMCE/JS/TINYMCE" directory to the server root directory, such as (/var/www/html)
Step 2: Add TINYMCE to the HTML page
Place the following script in the
<type= "Text/javascript" src= "<your installation path>/ Tinymce/tinymce.min.js "></script>
Step 3: Initialize TINYMCE as part of the Web Form
With the above script in place, you can insert tinymce into any element of the Web page.
TINYMCE can recognize elements through the CSS3 selector by simply passing an object containing the selector to Tinymce.init ().
As the following example:
<!DOCTYPE HTML><HTML><Head> <Scripttype= "Text/javascript"src= "<your installation Path>/tinymce/tinymce.min.js"></Script> <Scripttype= "Text/javascript">Tinymce.init ({selector:"#mytextarea" }); </Script></Head><Body> <H1>TinyMCE Getting Started Guide</H1> <formMethod= "POST"> <textareaID= "Mytextarea"></textarea> </form></Body></HTML>
Step 4: Save content using the <form> post method
When the form is submitted, the TINYMCE editor mimics the behavior of the normal html<textarea> tag and does not require additional configuration.
Use of TINYMCE-installation