web-dev-qa-db-ja.com

ckeditorが空のスパンを自動的に削除する

私はckeditorを使用していますが、さまざまな奇妙な問題があります。

たとえば、空の<span>を自動的に削除します

 <span class="new-class"></span>

自動的に削除されます。

私は過去2日間の解決策を探していますが、成功しません。私は次のコードを入れようとします

config.js

CKEDITOR.config.allowedContent = true;

しかし成功しません。

また、次のコードをHTMLに追加します。ここでは、ckeditorを使用していますが、成功していません。

   <script>     
var editor = CKEDITOR.replace( 'editor1', {
allowedContent: true,
    } );
   </script>

ありがとう

javascripthtmlckeditor
19
air

この質問には2つの有効な答えがあります。 CKEditor strips <i> Tag

1つは、エディターでそれらを表示したい場合、それらを保持することは不可能であると言い、2つ目は、削除を防ぐことができるが、非表示にすることを示しています。

8
Reinmar

私はDjango CMS 3、CKEditor 4.3を使用していますが、Twitter bootstrap glyphiconを使用して同じ問題が発生しました。以下を見てください。 http：// ckeditor .com/forums/Support/Prevent-removal-of-empty-span-tags＃forum-topic-top 。

空のスパンタグを許可するために、私はckeditor/config.jsの最後に追加しました

CKEDITOR.dtd.$removeEmpty.span = 0;
15
Patrick

私は同じスレッドでこのスレッドに出くわし、自分の解決策を投稿したいと思いました。 CKEditorで空白要素を削除したくありませんでした。 config.jsファイルの最後に以下を追加します。

    $.each(CKEDITOR.dtd.$removeEmpty, function (i, value) {
        CKEDITOR.dtd.$removeEmpty[i] = false;
    });
14
Jonathan Carter

私のために働く唯一のオプションは追加することです：

config.extraAllowedContent = 'span(*)';

config.js内：

CKEDITOR.editorConfig = function( config ) {

セクション ''（アスタリスク）はspanタグ内のすべてのクラスを許可し、選択されたクラス名のみが ''の代わりにそれらを追加できるようにします。

4
Picard

これは煩わしいことでしたが、一連のページ全体の助けを借りて、ここで機能することがわかったものを照合します。

（私はinlinesaveエディターでCKEditor 4.4.1を使用していますが、これはどのプラグインでも機能するはずです）

コア/filter.jsファイル

変化する：

var allowedContent = editor.config.allowedContent;

に：

var allowedContent = true;

（これはお勧めしません。ユーザーが何を保存しているかを確認してください;-)）

そして、コア/dtd.jsファイル

下部にある$removeEmpty:は、1に設定されている場合に無視することを選択した要素のリストを保持します。スパンを見つけ、1から0に設定します（span: 0）

そして、「glyphicons」プラグインをconfig.pluginsの-​​config.jsに追加した場合、それらを追加し、エディターで表示できるはずです。保存すると、それはまだそこ！ :-)

お役に立てれば

2
skh

ここには2つの問題があります。

1）_<span>_ sは、コンテンツが許可されていないため破棄されます。

2）_<span>_ sは空なので破棄されます。

この問題を修正するには、空でない_<span>_ sが必要なだけでなく、設定ファイルにconfig.extraAllowedContent = 'span(selector1,selector2,...,selectorN)'も必要です。

副次的な注意として、私は_config.allowedContent_に対して反対することをお勧めします。

1
progfan