带有 jquery 更改事件的 ck 编辑器

发布于 2024-12-18 10:48:37 字数 1904 浏览 3 评论 0原文

我已经设置了一个带有两个选择输入的 ck 编辑器,当我选择每个输入时,它们必须在数据库中获取内容并将其添加到 ck 编辑器中,firebug 显示内容正常返回页面,但未在 ck 中显示编辑

<script>
$(function(){
    CKEDITOR.replace( 'quote', {
        toolbar : [
            [ 'Bold', 'Italic', 'Link', 'Unlink' ]
        ]
    });

    $("#lang, #item").change(function(){
        $.ajax({
            url: 'admin_ajax.php?action=header',
            data:"lang="+$("#lang").val()+"&item="+$("#item").val(),
            success: function(data) {
                // $('#quote').css({display:"block",visibility: "visible"}).html(data);
                $('#quote').html(data);
            }
        });
    });
});
</script>

<?php
    if(isset($_POST["submit_header"]) ) {
        mysql_query("update header_page set content='".$_POST["quote"]."' where lang_id='".$_POST["lang"]."' and item='".$_POST["item"]."' ") or die (mysql_error());
    }
?>
<form method="post">
    <select name="lang" id="lang" class="select">
        <?php $g=mysql_query("select * from lang");
            while($gr=mysql_fetch_array($g)){
        ?>
        <option value="<?php echo $gr["id"]; ?>"  <?php if($_POST["lang"]==$gr["id"]) echo 'selected'; ?>><?php echo $gr["name"]; ?></option>
        <?php  }  ?>
    </select>

    <select name="item" id="item" class="select">
        <?php $g=mysql_query("select distinct item from header_page");
        while($gr=mysql_fetch_array($g)){
        ?>
            <option value="<?php echo $gr["item"]; ?>"  <?php if($_POST["item"]==$gr["item"]) echo 'selected'; ?>><?php echo $gr["item"]; ?></option>
        <?php  }  ?>
    </select>

    <textarea class="ckeditor" name="quote" id="quote"></textarea>
    <input type="submit" value="Submit" name="submit_header" />
</form>

i've setup a ck editor with two select input when i select each of this input they must fetch content in a db and add it to the ck editor, firebug shows ok the content gets back to the page but it is not shown in ck editor

<script>
$(function(){
    CKEDITOR.replace( 'quote', {
        toolbar : [
            [ 'Bold', 'Italic', 'Link', 'Unlink' ]
        ]
    });

    $("#lang, #item").change(function(){
        $.ajax({
            url: 'admin_ajax.php?action=header',
            data:"lang="+$("#lang").val()+"&item="+$("#item").val(),
            success: function(data) {
                // $('#quote').css({display:"block",visibility: "visible"}).html(data);
                $('#quote').html(data);
            }
        });
    });
});
</script>

<?php
    if(isset($_POST["submit_header"]) ) {
        mysql_query("update header_page set content='".$_POST["quote"]."' where lang_id='".$_POST["lang"]."' and item='".$_POST["item"]."' ") or die (mysql_error());
    }
?>
<form method="post">
    <select name="lang" id="lang" class="select">
        <?php $g=mysql_query("select * from lang");
            while($gr=mysql_fetch_array($g)){
        ?>
        <option value="<?php echo $gr["id"]; ?>"  <?php if($_POST["lang"]==$gr["id"]) echo 'selected'; ?>><?php echo $gr["name"]; ?></option>
        <?php  }  ?>
    </select>

    <select name="item" id="item" class="select">
        <?php $g=mysql_query("select distinct item from header_page");
        while($gr=mysql_fetch_array($g)){
        ?>
            <option value="<?php echo $gr["item"]; ?>"  <?php if($_POST["item"]==$gr["item"]) echo 'selected'; ?>><?php echo $gr["item"]; ?></option>
        <?php  }  ?>
    </select>

    <textarea class="ckeditor" name="quote" id="quote"></textarea>
    <input type="submit" value="Submit" name="submit_header" />
</form>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

↙厌世 2024-12-25 10:48:37

您可以尝试:

CKEDITOR.instances.editor1.setData('value in here');

// change `editor1` to your editor Name.

您还可以使用 getData 在 AJAX 调用中从 CKeditor 检索值。

var text = CKEDITOR.instances.editor1.getData(); // var text now has the data

You could try:

CKEDITOR.instances.editor1.setData('value in here');

// change `editor1` to your editor Name.

You can also use getData to retrieve the value from CKeditor inside a AJAX call.

var text = CKEDITOR.instances.editor1.getData(); // var text now has the data
岁月染过的梦 2024-12-25 10:48:37

尝试使用 jQuery CKEditor 插件。这使您可以选择使用 jQuery 将 .val() 设置为文本区域。

所以你会有类似的东西

$('#quote').val(data);

try using the jQuery CKEditor plugin. This give's you the option to set the .val() with jQuery to the textarea.

so you would have somehting like

$('#quote').val(data);
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文