如何使用ajax添加TinyMCE文本框

时间:2013-02-22 13:22:51

标签: php javascript ajax tinymce

我希望我的用户从选择列表中选择templateId,当用户选择然后查询数据库以使模板内容基于templateId。然后我想将模板内容显示给textarea,但它显示了TinyMCE textarea中的html标签而非显示Design(View)。

只有当我在页面加载时显示相同的templateContents时才有效,但是当我尝试通过从数据库中获取相同的内容时它会失败。

希望这一切能为您提供我所需要的任何线索。

在第1步中,代码工作正常......

<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 50%">
    <?php echo htmlspecialchars($ResultArray[0]['Contents']); ?>
</textarea>

...但是on的onchange值我正在调用所选模板:

<select name="templateId" id="templateId" onchange="GetTemplateView(this.value);">
    <?php for($i=0; $i<count($ResultArray); $i++){ ?>
    <option value="<?php echo $ResultArray[$i]['TemplateId']; ?>"><?php echo $ResultArray[$i]['Name']; ?></option>
    <?php }?>
</select> 

Ajax请求是:

function GetTemplateView(templateId)
{
    var xmlhttp;
    if (window.XMLHttpRequest)
    {   // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    }
    else
    {   // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            if (navigator.appName == 'Microsoft Internet Explorer')
                document.getElementById("templateView").outerHTML = xmlhttp.responseText;
            else
                document.getElementById("templateView").innerHTML = xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET", "js/GetTemplateView.php?id=" + templateId + "&encode=true", true);
    xmlhttp.send();
}

GetTemplateView.php:

<?php
include_once("../classes/db_utility_class.php");
$ClassObj= new Cdb();
$input        =   $_GET["id"];
$Encode       =   $_GET["encode"];

if($input!=0)
{
    $query = "SELECT Contents FROM mailtemplate WHERE TemplateId=".$input;
    $result = $ClassObj->getRowFromDB($query);
    if($result != "Error in query" || $result != "No Record Found")
    {
        if($Encode)
        {
            echo '<textarea id="ele1" name="ele1" rows="15" cols="80" style="width: 50%">';
            echo htmlspecialchars($result['Contents']);
            echo '</textarea>';
        }
        else
            echo $result['Contents'];
    }
}
?> 

1 个答案:

答案 0 :(得分:0)

首先使用jquery.ajax更容易使用。

并且1.将tinyMCE存储到processpage.php中的变量。

  1. 并且在您的ajax调用的成功函数中将其附加到您希望它显示的任何div或body。
  2. 查看示例代码。在需要时调用它。

    <script>
                 $.ajax({
                    url: processpage.php, 
                    type: 'GET',                     
                    contentType: 'text/html',
                    dataType: 'text',
                    async: false,
                    data:{
                                        showTINYMCE : 'Yes'
                                    },
                    success: function(msg)
                    {
                        $('body').append(msg);
                    },
                    error: function (msg) 
                    {
                    }
                });
    
    </script>
    

    在您的processpage.php中:

    if($_GET['showTINYMCE'] == 'Yes')
    {
    $tinymce = "contains the tinymce";     
    echo $tinymce;
    }
    

    这样做。