Question

我正在使用名为 CKEditor 的WYSIWYG编辑器，它非常棒。在编辑器中，每当我为此添加新的标题/文本/ DIV /图像/其他任何内容时，我希望它与类保持一致：

像

<h2 class="blah">Sample Text</h2>

<img src="/abc.png" class="blah1" />

以下是参考链接： http://docs.cksource.com/CKEditor_3.x/Developers_Guide

我对Javascript不好，如果有人能帮助我，我会非常感激！

谢谢。

Answer 1

看看这个question的答案。

在定义期间自定义对话框，添加“类”字段，然后设置并获取设置和提交功能中的内容。

查看ckeditor / _samples / api_dialog.html以了解有关修改对话框的背景知识。

对于标题，您必须查看修改命令。那些没有对话框。

可能有一种方法可以始终根据“数据处理器”中的特定标记应用相同的类。您是否希望每次都设置相同的类或允许用户选择类，这很重要，因为它会更改您的选项。

Answer 2

例如，以下代码将确保元素的“alt”属性已填充：

editor.dataProcessor.htmlFilter.addRules(
{
    elements :
    {
        img : function( element )
        {
            if ( !element.attributes.alt )
                element.attributes.alt = 'An image';
        }
    }
});

阅读概述（http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Data_Processor）此示例取自此处。

您可以为“课程”做同样的事情。看看现有的输出，然后添加“class”（如果它缺失）或替换它们，如果这是你的意图。

需要有关将类添加到HTML编辑器元素的帮助

2 个答案: