0

ckeditorでckfinderを使用して画像をアップロードすると、画像はcssの幅と高さを使用してうまく表示されます。画像にデフォルトの幅と高さの属性を持たせたいのですが。どうすればそれを達成できますか？

4

4 に答える 4

3

「OK」ボタンをクリックしながら、デフォルトの幅と高さを設定します。ユーザーが入力した高さと幅の値をデフォルトの高さと幅に置き換えます（「OnOK」機能をオーバーライドします）

config.jsで

 CKEDITOR.on('dialogDefinition', function (ev) {

    var dialogName = ev.data.name,
        dialogDefinition = ev.data.definition;

    if (dialogName == 'image') {
        var onOk = dialogDefinition.onOk;

        dialogDefinition.onOk = function (e) {
            var width = this.getContentElement('info', 'txtWidth');
            width.setValue('200');//Set Default Width

            var height = this.getContentElement('info', 'txtHeight');
            height.setValue('200');////Set Default height

            onOk && onOk.apply(this, e);
        };
    }
});
于 2015-05-22T10:29:03.523 に答える
2

私が間違っていなければ、CKFinderはファイルをサーバーにアップロードするだけで、解像度は変更されません。ただし、CKEditorの画像ダイアログを使用する場合は、CKEditorのプラグインを使用/作成して、画像の幅と高さを変更できます。

ところで：そのダイアログでは、「ドキュメント」に配置する前に、選択した画像の幅と高さを変更できます。CKEditorによってそこに配置される値は、選択された画像の実際の幅と高さです。

于 2010-06-15T23:12:00.607 に答える
0

_samplesフォルダーのoutput_html.htmlを見てください

于 2010-06-16T20:54:12.860 に答える
0

CKEDITORのplugins/image/dialogsフォルダーにあるimage.js内

2つの行があります：

d&&d.setValue(b.$.width);
e&&e.setValue(b.$.height);

数字またはnullを使用して変更b.$.widthした場合、任意の画像サイズのアップロード時にデフォルト値が適用されます。b.$.height

例えば：

d&&d.setValue(600);
e&&e.setValue(null);

600pxの幅と比例した高さの画像を挿入します。編集する前に、 image.jsを複製することを忘れないでください。

于 2019-12-20T16:50:19.673 に答える