码迷,mamicode.com
首页 > 其他好文 > 详细

TinyMCE的使用-安装

时间:2015-07-18 19:55:42      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:

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>标签的行为,不需要其他额外的配置。

TinyMCE的使用-安装

标签:

原文地址:http://www.cnblogs.com/beita/p/4657354.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!