CKEditor & JavaScript - настройка высоты и ширины в CKEditor - PullRequest
8 голосов
/ 10 декабря 2010

Как мне отрегулировать высоту в CKEditor?

Вот мой код для CKEditor.

<script type="text/javascript">
    CKEDITOR.replace( 'content',
        {
            toolbar :
            [
                ['Source'],
                ['Bold','Italic','Underline','Strike'],
            ]
        });
</script>

Ответы [ 3 ]

25 голосов
/ 10 декабря 2010

Добавьте параметр высоты и ширины в параметры:

CKEDITOR.replace( 'content',
    {
        toolbar :
        [
            ['Source'],
            ['Bold','Italic','Underline','Strike'],
        ],
        height: 300,
        width: 400
    });
0 голосов
/ 16 сентября 2016

Это легко сделать, добавив несколько строк кода в общий файл скрипта.

  1. Создание переменной-члена для получения общего размера тегов абзаца var ttl = 0;
  2. Проверьте каждый элемент абзаца, чтобы получить его внешнюю высоту и добавьте значение обратно к общему количеству. $ (). find ('p'). each (function () { ttl + = $ (this) .outerHeight (true); });
  3. Добавьте заголовок редактора и размер нижнего колонтитула, которым пренебрегли. это 120px! общая сумма = всего + 120;
  4. Возьмите ссылку на ваш var etr = CKEDITOR.instance [''];
  5. Измените размер окна в соответствии с общим количеством. etr.resize (,);

** Примечание: нет необходимости упоминать «px» ни по ширине, ни по высоте. «%» - это обязательно!

Вот и все!

0 голосов
/ 07 января 2015

Перейдите в файл confi.js и в

CKEDITOR.editorConfig = function( config ) {
.
.
.
.
**config.height = 320;**
};

Так что на самом деле вам просто нужно добавить config.height = required height;.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...