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

我正在使用名为的所见即所得编辑器CKEditor，它的确很棒。在编辑器中，每当我添加新标题/文本/ DIV /图像/任何其他为此事，我希望它保持连接用的一类：需要将类添加到HTML编辑器元素的帮助

像

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

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

这里有一个参考链接： http://docs.cksource.com/CKEditor_3.x/Developers_Guide

我不擅长Javascript，如果任何人都可以帮助我，我会非常感激！

谢谢。

来源

2011-03-08 dsignr

例如，下面的代码将确保元素将有自己的“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”进行相同操作。看看现有的输出，然后添加“类”，如果它是缺少的或替换它们，如果这是你的意图。

来源

2011-03-14 14:26:18 rquinn

谢谢，正是我在找的！ – dsignr

这似乎不适用于添加'class'属性。 – Musa

查看此question的答案。

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

请查看ckeditor/_samples/api_dialog.html了解修改对话框的背景。

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

可能总有一种方法可以根据“数据处理器”中的特定标签来应用相同的类。你是否希望每次都设置同一个班级或允许用户选择班级，这很重要，因为它会改变你的选择。

来源

2011-03-08 20:38:52 rquinn

非常感谢rQuinn，每当用户插入H1或h2或任何标签时，我都需要应用相同的类，如果没有UI对话框，就无法做到这一点（附加类，而用户没有选项通过UI对话框自己选择类）？ – dsignr

总是添加相同的类是（应该:)比修改对话更容易。 checkout [jsdoc]（http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.dataProcessor.html）和[overview]（http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Data_Processor） – rquinn

可以你给我看一些示例代码，以便我可以从那里出发？非常感谢您的时间和耐心。 Imag xx – dsignr

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

回答

相关问题