Question

我正在创建一个对话框，让没有经验的编辑能够正确地将块引用插入到tinymce编辑器中。我希望他们能够点击块引用并在对话框中再次打开它进行编辑。但是如何将点击事件绑定到编辑器内的标签？这是我尝试的事情的排序（elm1是文本编辑器，我使用alert作为poc）

        $('#elm1 blockquote').click(function () {
            var mh = $(this).html();
            alert(mh);
        })

Answer 1

您还可以尝试使用$.on方法（文档here）注册点击事件。

$("#elm1 blockquote").on("click", function(e, el) {
  alert(el.html());
});

此外，由于您的问题的上下文未包含添加点击处理程序的位置和时间，因此您可能希望确保已绑定到选择器（$('#elm1 blockquote'）的事件可用时，例如用$(document).ready()包装它。

更新（基于iframe）：

在jquery中，它可能看起来更像：

var blockquote $("#elm1_ifr").contents().find("blockquote");
// OR: var blockquote $("#elm1_ifr").contents().find("#tinymce");
$(blockquote).on('click', function(e, el) {  // Logic here... });

如何将click事件绑定到tinymce编辑器中的html标签？

1 个答案: