如何通过 ajax 加载 tinymce 文本区域


How to load tinymce text area via ajax

我有一个使用Ajax调用它并从数据库中调用内容的tinymce文本区域

<form class="form">
    <table cellspacing="20">
        <tr>
            <td>
                <label>Select Page :</label>
            </td>
            <td>
                <select name="cms" id="cms" onchange="page_get_content(this.options[selectedIndex].value);">
                    <option value="">Select Page to be edited</option>
                    <option value="3">Home Page</option>
                    <option value="1">About us</option>
                    <option value="2">Agents</option>
                </select>
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <div id="content" style="display: none;">
                    <textarea id="newsdesc" name="content"></textarea>
                </div>
            </td>
        </tr>
    </table>
</form>

这是调用它的 JavaScript

function page_get_content(id) {
    if (window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest();
    } else {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById('content').style.display = "block";
            document.getElementById('newsdesc').innerHTML = xmlhttp.responseText;
        }
    }
    xmlhttp.open('GET', 'forms/cms_get.php?page_id=' + id, true);
    xmlhttp.send();
}

这是cms_get.php:

<?php
$page_id = $_GET['page_id'];
if(!empty($page_id)){
    $cms = new CMS();
    $page = $cms -> find_by_id($page_id);
    if($page) {
?>
<?php echo $page -> content; ?>
<?php 
    } 
} 
?>

一切正常,但 tinymce 加载为空,当我用火虫检查元素时,我得到了我的文本区域,但它是隐藏的,我试图将其显示为块,它向我展示了常规的 html 文本区域,我的观点是我想显示它与其中的内容一起显示

不要编辑.innerHTML,而是使用tinyMCE.get(id).setContent(text);

更多信息: http://www.tinymce.com/wiki.php/API3:method.tinymce.Editor.setContent