在CKEditor中获取HTML文本的CSS类

Question

我有一个CKeditor，可以加载包括html文本在内的文本。 html文本具有分配给某些span文本区域的css类。 当用户在CKEditor文本框中的具有特定类的跨度包围的文本上进行鼠标悬停或鼠标单击时，我想触发鼠标悬停事件或click事件。

这是我以编程方式加载到CKEditor中的文本

var editorHtml = '<span class="noedit">no edit text</span> edit this';

我试图通过此代码捕获事件。

$(document).ready(function () {

    $('.noedit').mouseover(function () {
        alert('hello');
    });

});

它似乎不起作用。 我究竟做错了什么？ 这有可能吗？

Answer 1

尝试在此处使用事件委托 ，因为您的范围可能是由CKEditor在此处动态添加的：

$(document).ready(function () {
    $(document).on('mouseover','.noedit', function() {
        alert('hello');
    });
});

Answer 2

这个问题到底是什么？ 您的问题为：“在CKEditor中获取HTML文本的CSS类”。 但是我想您希望class="noedit"元素不可编辑。 也许用一个弹出窗口阻止它： “不允许编辑吗？”

添加不可编辑内容的最佳方法是使用小部件。 这篇文章解释了什么是小部件 。 如果您遵循本教程，则将能够为具有两个可编辑字段的简单框创建模板。 您要不可编辑吗？ 在教程的第一部分中 ：

请注意，只有在CKEDITOR.dtd。$ editable中定义的元素可以转换为可编辑的小部件元素。

如果未指定editable您的窗口小部件将不可编辑。

我不知道您到底想达到什么目标。 但是，似乎<span class="noedit">no edit text</span>应该是小部件。 您仍然可以使用var editorHtml插入小部件，但也可以使用按钮。

希望我的回答有用！ 请享用。