Question

我正在尝试在“keyup”事件发生时触发一个函数。当我在普通的textarea和输入字段上测试它时，这很好用，但是，当我在tinyMCE编辑器上使用相同的代码时，没有任何反应。我怀疑这是因为tinyMCE在java上运行，并且已经有了事件监听器，但是我的java知识已经远离任何接近这个问题的时间了！

除了tinyMCE编辑器之外，这是我的代码，它可以处理页面上的所有输入：

<script type="text/javascript">
$(document).ready(function() {

    $(this).keyup(function(){

        // get the contents of the editor...
        var content = tinyMCE.get('demo_textarea');
        content = escape(content.getContent());
        content = content.replace("+", "%2B");
        content = content.replace("/", "%2F");

        // copy the contents of the editor into #box_2
        $('#box_2').html(content);

    });

}
</script>

我实际上想要实现的是类似于堆栈溢出编辑器，其中您的输入反映在另一个框中。

感谢您提前阅读并感谢我提供的任何帮助。

此致汤姆

Answer 1

检查Configuration/setup部分，您可以轻松地将事件添加到编辑器中......

tinyMCE.init({
    mode : ...,
    ...,
    setup : function (ed) {
        ed.onKeyPress.add(
            function (ed, evt) {
                alert("Editor-ID: "+ed.id+"\nEvent: "+evt);
                //....
            }
        );
    },
    ...
});

Answer 2

您可以看到here如何为tinyMCE编辑器设置事件处理程序的示例，您可以探索更多可能对您有用的示例。您只需要直接绑定编辑器的onkeyup事件。

$（this）.keyup（）在关注tinyMCE时没有响应

2 个答案: