jquery的即时onkeyup调用函数

tinymce onkeyup call jquery function

本文关键字：调用 函数 onkeyup jquery      更新时间：2023-09-26

我有一个问题与我的时间集成。这是我的代码和我的不工作的解决方案:

<div class="mcebox">
    <label>Text </label>
    <textarea name="text" class="ta_cprofi mceEditorblick" id="textcontent"></textarea>
    <div id="preview"></div>
</div>
<script language="javascript" type="text/javascript">
    tinyMCE.init({
        mode: "specific_textareas",
        editor_selector: "mceEditorblick",
        theme: "advanced",
        paste_auto_cleanup_on_paste: true,
        theme_advanced_buttons1: "bold",
        theme_advanced_buttons2: "", 
        theme_advanced_buttons3: "",
        setup: function(ed) {
            ed.onKeyUp.add(function() {
                alert("Hello");
            });
        },
    });
    function blumieka() {
        $.ajax({
            type: "POST",
            url: "inc/admin/blumieka/ajax_modules/ajax_ads.php",
            data: "load=blumieka&text=" + document.getElementById("textcontent").value,
            success: function(html) {
                $("#preview").html(html)
            }
        });
    }
</script>

警报消息工作完美。现在我想用jquery函数"blumieka"替换警报。我试过了:

setup: function(ed) {
    ed.onKeyUp.add(function() {
        blumieka();
    });
},

但这不起作用…我的错误是什么?

我使用timymce版本3。我只需要timymce，因为我必须在文本区设置一些文本加粗。

谢谢你的帮助。

我怀疑你的问题是document.getElementById("textcontent").value。这并没有获得编辑器的价值。它只是空白文本。要从编辑器中获得实际的HTML内容，您需要使用tinyMCE.activeEditor.getContent()。

tinyMCE.init({
    mode: "specific_textareas",
    editor_selector: "mceEditorblick",
    theme: "advanced",
    paste_auto_cleanup_on_paste: true,
    theme_advanced_buttons1: "bold",
    theme_advanced_buttons2: "", 
    theme_advanced_buttons3: "",
    setup: function(ed) {
        ed.onKeyUp.add(function() {
            blumieka();
        });
    },
});
function blumieka() {
    //get the actual content from editor
    var content = tinyMCE.activeEditor.getContent();
    $.ajax({
        type: "POST",
        url: "inc/admin/blumieka/ajax_modules/ajax_ads.php",
        data: "load=blumieka&text=" + content,
        success: function(html) {
            $("#preview").html(html)
        }
    });
}

这是一个工作的DEMO

相关文章：