TinyMCE安装非常简单,它可以被初始化为<form>标签中的<textarea>,当提交表单时,TinyMCE编辑器的内容将作为<form>表单的一部分被提交。
步骤1:下载TinyMCE并将其放在网站服务器目录
- 下载TinyMCE
- 将得到的zip包加压,复制"tinymce/js/tinymce"目录到服务器根目录,如(/var/www/html)
步骤2:将TinyMCE添加到html页面
将下面这段脚本放在html页面的<head>标签中
<script type="text/javascript" src="<your installation path>/tinymce/tinymce.min.js"></script>
步骤3:初始化TinyMCE为web表单的一部分
包含以上脚本后,就可以将TinyMCE插入网页的任何元素中。
TinyMCE可以通过CSS3选择器识别元素,只需将一个包含选择器的对象传递给tinymce.init()即可。
如以下这个例子:
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="<your installation path>/tinymce/tinymce.min.js"></script> <script type="text/javascript"> tinymce.init({ selector: "#mytextarea" }); </script> </head> <body> <h1>TinyMCE Getting Started Guide</h1> <form method="post"> <textarea id="mytextarea"></textarea> </form> </body> </html>
步骤4:使用<form>的POST方法保存内容
当提交表单时,TinyMCE编辑器模仿正常HTML<textarea>标签的行为,不需要其他额外的配置。