blocks|key|349338|text|如果你使用的是ckeditor+4.x，你可以试试|type|unstyled|depth|inlineStyleRanges|entityRanges|data|349339|config.allowedContent+=+true;|code-block|syntax|javascript|349340|如果你使用的是ckeeditor3.x，你可能使用的是this+issue。|offset|length|349341|尝试将以下代码行放入config.js|349342|config.ignoreEmptyParagraph+=+false;|349343|entityMap|0|LINK|mutability|MUTABLE|url|https://dev.ckeditor.com/ticket/5818^0|0|0|R|A|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@$I|Z|J|10|1|11]]|A|$]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

if you're using ckeditor 4.x you can try

<pre><code>config.allowedContent = true;
</code></pre>

if you're using ckeditor 3.x you may be having <a href="https://dev.ckeditor.com/ticket/5818">this issue</a>.

try putting the following line in config.js

<pre><code>config.ignoreEmptyParagraph = false;
</code></pre>

blocks|key|131360|text|请参考official+Advanced+Content+Filter+guide和plugin+integration+tutorial。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|131361|关于这个强大的特性，您将发现更多信息。另请参阅似乎适合您的需求的config.extraAllowedContent。|131362|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.ckeditor.com/#!/guide/dev_advanced_content_filter|1|http://docs.ckeditor.com/#!/guide/plugin_sdk_integration_with_acf|2|http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-extraAllowedContent^0|3|12|0|16|R|1|0|W|Q|2|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]|$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|F|3|-4|5|6|7|12|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]|P|$5|I|J|K|C|$L|Q]]]]

Please refer to the <a href="http://docs.ckeditor.com/#!/guide/dev_advanced_content_filter" rel="noreferrer">official Advanced Content Filter guide</a> and <a href="http://docs.ckeditor.com/#!/guide/plugin_sdk_integration_with_acf" rel="noreferrer">plugin integration tutorial</a>. 

You'll find much more than this about this powerful feature. Also see <a href="http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-extraAllowedContent" rel="noreferrer">config.extraAllowedContent</a> that seems suitable for your needs.

blocks|key|131381|text|从CKEditor+v4.1开始，您可以在config.js+of+CKEditor中执行此操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|131382|CKEDITOR.editorConfig+=+function(+config+)+{
++config.extraAllowedContent+=+'*[id](*)';++//+remove+'[id]',+if+you+don't+want+IDs+for+HTML+tags
}|code-block|syntax|javascript|131383|您可以参考the+detailed+syntax+of+Allowed+Content+Rules的官方文档|offset|length|131384|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.ckeditor.com/#!/guide/dev_allowed_content_rules^0|0|0|5|18|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

Since CKEditor v4.1, you can do this in config.js of CKEditor:

<pre><code>CKEDITOR.editorConfig = function( config ) {
 config.extraAllowedContent = '*[id](*)'; // remove '[id]', if you don't want IDs for HTML tags
}
</code></pre>

You can refer to the official documentation for <a href="http://docs.ckeditor.com/#!/guide/dev_allowed_content_rules">the detailed syntax of Allowed Content Rules</a>

blocks|key|131418|text|我发现切换到使用完整的html而不是过滤的html+(在文本格式下拉框中的编辑器下面)是我解决这个问题的方法。否则这种风格就会消失。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|131419|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I found that switching to use full html instead of filtered html (below the editor in the Text Format dropdown box) is what fixed this problem for me. Otherwise the style would disappear.

blocks|key|131454|text|我想添加这个config.allowedContent+=+true；需要添加到ckeditor.config.js文件中，而不是添加到config.js中，config.js对我没有任何作用，只是将它添加到ckeditor.config.js的顶部区域保留了我的div类|type|unstyled|depth|inlineStyleRanges|entityRanges|data|131455|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I would like to add this config.allowedContent = true; needs to be added to the ckeditor.config.js file not the config.js, config.js did nothing for me but adding it to the top area of ckeditor.config.js kept my div classes

blocks|key|131492|text|我找到了一个解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|131493|这关闭了过滤，它在工作，但不是一个好主意...|131494|config.allowedContent+=+true;|code-block|syntax|javascript|131495|处理内容字符串对于id等来说很好，但对于class和style属性就不行了，因为您有()和{}用于class和style过滤。|131496|所以我打赌允许编辑器中的任何类是：|131497|config.extraAllowedContent+=+'*(*)';|131498|这允许任何类和任何内联样式。|131499|config.extraAllowedContent+=+'*(*);*{*}';|131500|要对任何标记仅允许class="asdf1“和class="asdf2”：|131501|config.extraAllowedContent+=+'*(asdf1,asdf2)';|131502|(所以你必须指定类名)|131503|要仅允许p标记使用class="asdf“：|131504|config.extraAllowedContent+=+'p(asdf)';|131505|要允许任何标记的id属性，请执行以下操作：|131506|config.extraAllowedContent+=+'*[id]';|131507|等等等等|131508|要允许样式标记(...)：|131509|config.extraAllowedContent+=+'style';|131510|说得更复杂一点：|131511|config.extraAllowedContent+=+'span;ul;li;table;td;style;*[id];*(*);*{*}';|131512|希望这是一个更好的解决方案。|131513|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|1M|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|1N|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|1O|8|@]|9|@]|A|$]]|$1|M|3|N|5|F|7|1P|8|@]|9|@]|A|$G|H]]|$1|O|3|P|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|Q|3|R|5|F|7|1R|8|@]|9|@]|A|$G|H]]|$1|S|3|T|5|6|7|1S|8|@]|9|@]|A|$]]|$1|U|3|V|5|F|7|1T|8|@]|9|@]|A|$G|H]]|$1|W|3|X|5|6|7|1U|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|6|7|1V|8|@]|9|@]|A|$]]|$1|10|3|11|5|F|7|1W|8|@]|9|@]|A|$G|H]]|$1|12|3|13|5|6|7|1X|8|@]|9|@]|A|$]]|$1|14|3|15|5|F|7|1Y|8|@]|9|@]|A|$G|H]]|$1|16|3|17|5|6|7|1Z|8|@]|9|@]|A|$]]|$1|18|3|19|5|6|7|20|8|@]|9|@]|A|$]]|$1|1A|3|1B|5|F|7|21|8|@]|9|@]|A|$G|H]]|$1|1C|3|1D|5|6|7|22|8|@]|9|@]|A|$]]|$1|1E|3|1F|5|F|7|23|8|@]|9|@]|A|$G|H]]|$1|1G|3|1H|5|6|7|24|8|@]|9|@]|A|$]]|$1|1I|3|-4|5|6|7|25|8|@]|9|@]|A|$]]]|1J|$]]

I found a solution.

This turns off the filtering, it's working, but not a good idea...

<pre><code>config.allowedContent = true;
</code></pre>

To play with a content string works fine for id, etc, but not for the class and style attributes, because you have () and {} for class and style filtering.

So my bet is for allowing any class in the editor is:

<pre><code>config.extraAllowedContent = '*(*)';
</code></pre>

This allows any class and any inline style.

<pre><code>config.extraAllowedContent = '*(*);*{*}';
</code></pre>

To allow only class="asdf1" and class="asdf2" for any tag:

<pre><code>config.extraAllowedContent = '*(asdf1,asdf2)';
</code></pre>

(so you have to specify the classnames)

To allow only class="asdf" only for p tag:

<pre><code>config.extraAllowedContent = 'p(asdf)';
</code></pre>

To allow id attribute for any tag:

<pre><code>config.extraAllowedContent = '*[id]';
</code></pre>

etc etc

To allow style tag (&lt;style type="text/css"&gt;...&lt;/style&gt;):

<pre><code>config.extraAllowedContent = 'style';
</code></pre>

To be a bit more complex:

<pre><code>config.extraAllowedContent = 'span;ul;li;table;td;style;*[id];*(*);*{*}';
</code></pre>

Hope it's a better solution...

blocks|key|349552|text|如果使用drupal，另一个选择是简单地添加您想要使用的css样式。这样，它就不会去掉样式或类名。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|349553|因此，在我的例子中，在Drupal7的css选项卡下，只需添加如下内容|349554|facebook=span.icon-facebook2|349555|还要检查字体样式按钮是否已启用|349556|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

Another option if using drupal is simply to add the css style that you want to use. that way it does not strip out the style or class name.

so in my case under the css tab in drupal 7 simply add something like

facebook=span.icon-facebook2

also check that font-styles button is enabled

blocks|key|131593|text|如果您将Drupal和名为“所见即所得”的模块与CKEditor库一起使用，那么以下变通方法可能是一种解决方案。对我来说，它就像一种护身符。我在Drupal7.33中使用CKEditor+4.4.5和所见即所得2.2。我在这里找到了这个解决方法：https://www.drupal.org/node/1956778。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|131594|如下所示:我创建了一个自定义模块，并将以下代码放入".module“文件中：|131595|<?php
/**
+*+Implements+hook_wysiwyg_editor_settings_alter().
+*/
function+MYMODULE_wysiwyg_editor_settings_alter(&$settings,+$context)+{
++if+($context['profile']->editor+==+'ckeditor')+{
++++$settings['allowedContent']+=+TRUE;
++}
}
?>|code-block|syntax|javascript|131596|我希望这对其他Drupal用户有所帮助。|131597|entityMap|0|LINK|mutability|MUTABLE|url|https://www.drupal.org/node/1956778^0|3F|Z|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|Z|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|C|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

If you use Drupal AND the module called "WYSIWYG" with the CKEditor library, then the following workaround could be a solution. For me it works like a charm. I use CKEditor 4.4.5 and WYSIWYG 2.2 in Drupal 7.33. I found this workaround here: <a href="https://www.drupal.org/node/1956778" rel="nofollow">https://www.drupal.org/node/1956778</a>.

Here it is:
I create a custom module and put the following code in the ".module" file:

<pre><code>&lt;?php
/**
 * Implements hook_wysiwyg_editor_settings_alter().
 */
function MYMODULE_wysiwyg_editor_settings_alter(&amp;$settings, $context) {
 if ($context['profile']-&gt;editor == 'ckeditor') {
 $settings['allowedContent'] = TRUE;
 }
}
?&gt;
</code></pre>

I hope this help other Drupal users.

blocks|key|131633|text|这在ckeditor.It中被称为ACF(自动内容过滤器)，删除我们在text+content.Using中使用的所有不必要的标签。这个命令在你的config.js文件中应该关闭这个确认。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|131634|config.allowedContent+=+true;|code-block|syntax|javascript|131635|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This is called ACF(Automatic Content Filter) in ckeditor.It remove all unnessary tag's What we are using in text content.Using this command in your config.js file should be turn off this ACK.

<pre><code>config.allowedContent = true;
</code></pre>

blocks|key|349657|text|我在使用ckeditor+4.7.1的chrome上也遇到了同样的问题。只需禁用检查器instanceReady.This属性上的pasteFilter，禁用高级内容筛选器(ACF)的所有筛选器选项。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|349658|+CKEDITOR.on('instanceReady',+function+(ev)+{
++++++++ev.editor.pasteFilter.disabled+=+true;
++++});|code-block|syntax|javascript|349659|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I face same problem on chrome with ckeditor 4.7.1. Just disable pasteFilter on ckeditor instanceReady.This property disable all filter options of Advance Content Filter(ACF).

<pre><code> CKEDITOR.on('instanceReady', function (ev) {
 ev.editor.pasteFilter.disabled = true;
 });
</code></pre>

I am using <a href="http://ckeditor.com/" rel="noreferrer">CKEditor</a> as a back end editor on my website. It is driving me round the bend though as it seems to want to change the code to how it sees fit whenever I press the source button. For example if I hit source and create a <code>&lt;div&gt;</code>...

<pre><code>&lt;div class="myclass"&gt;some content&lt;/div&gt;
</code></pre>

It then for no apparent reason strips the class from the <code>&lt;div&gt;</code>, so when I hit source again it has been changed to...

<pre><code>&lt;div&gt;some content&lt;/div&gt;
</code></pre>

I presume this irritating behaviour can be turned off in the <code>config.js</code>, but I have been digging and cant find anything in documentation to turn it off.

CKEditor automatically strips classes from div

Drupal

我在我的网站上使用作为后端编辑器。然而，它让我抓狂，因为它似乎想要在我按下源按钮时将代码更改为合适的方式。例如，如果我命中source并创建一个<div>...<div class="myclass">some content</div>然后，它毫无理由地将这个类从<div>中剥离出来，所以当我再次命中源代码时，它已被...

问CKEditor自动从div中剥离类
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CKEditor自动从div中剥离类EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CKEditor自动从div中剥离类
EN