TinyMCE Jquery不能正常工作

时间:2014-04-08 12:51:53

标签: php jquery tinymce

您好我在我的代码单页代码中使用TinyMCE使用TinyMCE将数据上传到服务器。我的代码如下,这是add.php页面:

<?php

$msg="";
include("config.php");
    if($_POST['title']!= ""){
        $title= $_POST['title'];
        $words= $_POST['words'];
        $words= stripslashes($words);

            if (!$title)
            {
                $msg="Please Enter Title";
            } elseif (!$words)
            {
                $msg="Please enter the Blog";
            }
            $query= mysql_query("INSERT INTO editor (title, content) VALUES ($title, $words)") or die (mysql_error());
            $msg="Success!";
            }
?>

<! DOCTYPE html>
<html>
    <head>
        <title>Add New Blog</title>
        <script type="text/javascript" src="jquery-1.11.0"></script>
        <script type="text/javascript" src="tinymce.min"></script>
        <script type="text/javascript" src="jquery.tinymce.min"></script>
    </head>
<body>
    <div>
        <p><b>Add a New Blog</b></p>
            <form action="add.php" method="post">
                Title of the Blog :
                <br/>
                <input type="text" name="title"></input>
                <br/>
                Your Blog :
                <br/>
                <textarea name="words" class="tinymce" cols="30" rows="10"></textarea>
                <br/>
                <input type="submit" value="submit"/> <?php echo $msg; ?>
            </form>
    </div>
</body>
</html>

我的Textarea显示为正常textarea,数据也不会进入数据库。 config.php文件用于数据库连接,它运行正常,我检查了它。

请帮助,提前致谢。

2 个答案:

答案 0 :(得分:1)

忘记了添加扩展程序 链接脚本文件

    <script type="text/javascript" src="jquery-1.11.0.js"></script>
    <script type="text/javascript" src="tinymce.min.js"></script>
    <script type="text/javascript" src="jquery.tinymce.min.js"></script>

检查此 Sample Demo

我认为你添加了两个TinyMCE库所以它可能是冲突问题。所以请只更新这两个库

我添加仅限2个库

  1. JQuery Library - http://code.jquery.com/jquery-1.11.0.min.js
  2. TinyMCE图书馆 - http://tinymce.cachefly.net/4.0/tinymce.min.js
  3. 并在标题添加此脚本

    <script>
        tinymce.init({
             selector: "textarea"
        });
    </script>
    

    现在尝试它的工作。

答案 1 :(得分:1)

<! DOCTYPE html>
<html>
    <head>
        <title>Add New Blog</title>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
        <script type="text/javascript" src="http://tinymce.cachefly.net/4.0/tinymce.min.js"></script>
        <script>
            tinymce.init({
                 selector: "textarea"
            });
        </script>
    </head>
<body>
    <div>
        <p><b>Add a New Blog</b></p>
            <form action="add.php" method="post">
                Title of the Blog :
                <br/>
                <input type="text" name="title"></input>
                <br/>
                Your Blog :
                <br/>
                <textarea name="words" class="tinymce" cols="30" rows="10"></textarea>
                <br/>
                <input type="submit" value="submit"/> <?php echo $msg; ?>
            </form>
    </div>
</body>
</html>