5

ckeditor 4 でブートストラップ クラスを使用したいのですが、ソース モードでクラスを入力すると、ckeditor がクラスを削除することがわかりました。そして、ユーザーが ckedtior css ドロップダウン リストからクラスを選択して、スタイルを直接表示できるようにしたいと考えています。誰でもこの問題を解決する方法を教えてもらえますか?

4

4 に答える 4

8

解決策は、実際には Andrey Nelubin と user3250006 によるこれらの回答の 2 つを組み合わせたものです。

まず、CKEditor にカスタム HTML とクラス属性を保持させるには、allowedContent = true構成が必要です。その後、エディターで実際にフォーマットを確認するには、追加のパスを追加する必要がありcontentsCssます (おそらく、メインの CSS ファイル、または Bootstrap のみを含むサブセット)。

したがって、次のように動作します。

        CKEDITOR.replace('editor1', {
            contentsCss: [CKEDITOR.basePath + 'contents.css', '/path/to/custom.css'],
            allowedContent: true,
        });
于 2015-03-10T11:30:44.307 に答える
4

追加の css を設定する必要があります。

$(function () {
    CKEDITOR.config.contentsCss = [CKEDITOR.basePath + 'contents.css', '/path/to/your/css']
    CKEDITOR.replace('editor1'); // or another instance
});
于 2013-07-10T05:57:47.997 に答える
1

user3250006 は半分正しいので、追加する必要があります CKEDITOR.config.extraAllowedContent = 'p,span,h1,h2,h3(class1,class2),img,strong,em(class3)';

于 2014-09-28T12:01:12.553 に答える
0

エディターをセットアップしている js でこれを試してください。

CKEDITOR.config.allowedContent = true;

これは、コンテンツ テンプレートでブートストラップ クラスを渡す必要があるときにうまくいきました。

于 2014-01-29T17:43:35.160 に答える