Question

我的tinyMCE textarea编辑器中的一些单词位于span标记中，其中包含一个名为＆＃34; myclass＆＃34;的特定类。例如，在tinyMCE textarea编辑器中可见的单词 Hello 在源代码中包含以下HTML代码：

<span class="myclass" id="hello">Hello</span>

我尝试双击单词 Hello 启动一个函数。

通常的jQuery代码不适用于tinyMCE编辑器中的单词：

$(document).ready(function() {
    $('.myclass').dblclick(function() {
        alert('class found');
    });
});

当我双击编辑器中的单词 Hello 时，该函数不会触发。

如何将函数绑定到tinyMCE编辑器？

Answer 1

TinyMCE使用LOCAL_PATH := $(call my-dir) include $(CLEAR_VARS) LOCAL_SRC_FILES := native-lib.cpp LOCAL_MODULE := native-lib LOCAL_LDLIBS := -llog LOCAL_CPPFLAGS += -fsigned-char -fexceptions -frtti -g -O0 -std=c++0x -std=gnu++0x LOCAL_CFLAGS += -fsigned-char -fexceptions -frtti -g -O0 -std=c++0x -std=gnu++0x include $(BUILD_SHARED_LIBRARY)元素，因此您无法在＆＃34; main＆＃34;上使用APP_ABI := all APP_STL := gnustl_static。范围，以便在iframe中获取元素（iframe的内容是不同的范围）相反 - 您需要在该iframe的范围内运行iframe。

为此，您可以使用$('.myclass')回调和TinyMCE为您提供的$('.myclass').dblclick事件：

setup

现场演示here。

请注意，editor.on("init" 不是一个tinymce.init({ selector:'textarea', setup: function(editor) { editor.on("init", function(){ editor.$('p').on('dblclick', function() { alert('double clicked'); }); }); } });对象，因此您无法完成jQuery所使用的所有操作，但它非常接近。

将JavaScript ondblclick事件设置为tinyMCE编辑器中的类

1 个答案: