Question

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

<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文本区域我的要点是我想用它里面的内容来展示它

Answer 1

请勿修改.innerHTML，而应使用tinyMCE.get(id).setContent(text);

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

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

1 个答案: