0

ツールバー オプションを CKEditor4 インライン ツールバー オプションに追加するのに問題があります。私はドキュメントを読んでいますが、私の問題がどこにあるのかまだわかりません。

その場でdivを作成してから、CKEditorをdivに追加しています。すべて正常に動作しますが、ツールバー オプションの一部を削除し、他のオプションを追加したいと考えています。inline() 呼び出しにパラメーターを追加しても何も変わらないのですか?

オンザフライでインスタンスを作成する方法は次のとおりです。

.on('dblclick', function(e){

    e.preventDefault();
    e.stopPropagation();
    ed.ck_restore();
    ed.ck_active_block = $(this).attr("id");
    ed.ck_block_data = $(this).html();
    var block_width = $(this).css("width"); 
    var block_height = $(this).css("height")+20;
    var block_padding_top = $(this).css("padding-top");
    var block_padding_right = $(this).css("padding-right");
    var block_padding_bottom = $(this).css("padding-bottom");
    var block_padding_left = $(this).css("padding-left");
    var padding = 'padding-top: '+block_padding_top+';padding-right: '+block_padding_right+';padding-bottom: '+block_padding_bottom+';padding-left: '+block_padding_left+';';

    var editor = '<div id="edit" contenteditable="true" style="margin-top: -'+block_padding_top+'; margin-left: -'+block_padding_left+';'+padding+' width: '+block_width+'; height: '+block_height+';background-color: #fff;position: absolute;">'+ed.ck_block_data+'</div>';

    $("#"+ed.ck_active_block).prepend(editor);

    if(CKEDITOR.instances.edit)
    {
        CKEDITOR.instances.edit.destroy(); //remove any previously created instances 
    }

    CKEDITOR.inline("edit",
                    [CKEDITOR.config.fontSize_style = {
                        element: 'span',
                        styles: { 'font-size': '#(size)' },
                        overrides: [ {
                            element: 'font', attributes: { 'size': null }
                        }]
                    }]
                    );

    $("#edit").click(function(e){e.stopPropagation();}).focus();
    $("w_save").text("1");
});

http://docs.ckeditor.com/#!/api/CKEDITOR-method-inline

ドキュメントは、オプションを変更するために構成パラメーターを渡すことができることを暗示していますが、何かが欠けていて、3時間試した後、少し助けが必要です。

どんな助けでも大歓迎です。

ありがとう。

4

2 に答える 2

0

Reinmarの返信ありがとうございます。私は別の解決策を見つけることができました。他の人のコードは次のとおりです。

CKEDITOR.inline（ "edit"、{customConfig： "mycustomConfig.js"}）;

これはカスタム構成ファイルを参照していました。CKEditorサイトの構成例からそれを取り出して、いくつかのオプションを変更しました。現在動作しています。

于 2013-01-29T19:53:11.300 に答える
0

それが何を意味するのかわかりません：

 CKEDITOR.inline("edit",
                [CKEDITOR.config.fontSize_style = {
                    element: 'span',
                    styles: { 'font-size': '#(size)' },
                    overrides: [ {
                        element: 'font', attributes: { 'size': null }
                    }]
                }]
                );

無効な JavaScript コードです。JS コンソールを確認しましたか?

とにかく、CKEDITOR.inlinename と config objectの 2 つの引数を受け入れます。

CKEDITOR.inline( 'edit', {
    fontSize_style: {
        element: 'span',
        styles: { 'font-size': '#(size)' },
        overrides: [
            { element: 'font', attributes: { 'size': null } }
        ]
    },
    language: 'pl',
    removeButtons: 'Bold,Italic' // or set toolbar or toolbarGroups.
} );
于 2013-01-29T09:03:36.930 に答える