Ширина изменения Ckeditor

Я хочу изменить ширину и высоту Ckeditor, но не могу ее изменить. Пожалуйста, знайте, что я хочу изменить его при вызове CKeditor, я не хочу жестко кодировать его внутри config.js...

Нижний код не работает, что вы предлагаете?

var editor = CKEDITOR.replace('editorToday',
          {


            toolbar :
                [
                    { name: 'document', items : [ 'Preview' ] },
                    { name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
                    { name: 'editing', items : [ 'Find','Replace','-','SelectAll','-','Scayt' ] },
                    { name: 'insert', items : [ 'Image','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'] },
                            '/',
                    { name: 'styles', items : [ 'Styles','Format' ] },
                    { name: 'basicstyles', items : [ 'Bold','Italic','Strike','-','RemoveFormat' ] },
                    { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote' ] },
                    { name: 'links', items : [ 'Link','Unlink','Anchor' ] },
                    { name: 'tools', items : [ 'Maximize','-','About' ] }

                ]

            });


CKEDITOR.instances.editor.resize(500, 400);

Ответы

Ответ 1

Попробуйте следующее:

 var editor = CKEDITOR.replace('editorToday',
      {


        toolbar :
            [
                { name: 'document', items : [ 'Preview' ] },
                { name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
                { name: 'editing', items : [ 'Find','Replace','-','SelectAll','-','Scayt' ] },
                { name: 'insert', items : [ 'Image','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'] },
                        '/',
                { name: 'styles', items : [ 'Styles','Format' ] },
                { name: 'basicstyles', items : [ 'Bold','Italic','Strike','-','RemoveFormat' ] },
                { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote' ] },
                { name: 'links', items : [ 'Link','Unlink','Anchor' ] },
                { name: 'tools', items : [ 'Maximize','-','About' ] }

            ],
        width: "400px",
        height: "500px"

        });

Ответ 2

Я предлагаю обозначение скобок, а также идентификатор экземпляра:

Попробуйте использовать

CKEDITOR.instances ['editorToday']. изменить размер (500, 400);

Ответ 3

Из .

Step1

Создайте новый веб-сайт ASP.NET и назовите его как Demo_application.

Шаг 2

Загрузите Ckeditor и добавьте Ckeditor в корневую папку вашего приложения.

Шаг 3

Вызвать скрипты Ckeditor на странице .aspx, как показано ниже

<script type="text/javascript" src="scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="ckeditor/adapters/jquery.js"></script>

Шаг 4

Добавить Ckeditor TextBox в ваш .aspx файл с id txtCkEditor

<asp:TextBox ID="txtCkEditor" runat="server" TextMode="MultiLine"></asp:TextBox>

Шаг 5.

Вызвать функцию ниже JavaScript для изменения ширины по умолчанию для области текстового поля Ckeditor.

<script type="text/javascript">
    $(function () {  
      CKEDITOR.replace('<%=txtCkEditor.ClientID %>');
      CKEDITOR.config.width = 200;
    });
</script>

Шаг 6

Проверьте свое приложение.

Ответ 4

Просто используйте это:

CKEDITOR.replace('descCKEditor',{ width: "800px",height: "500px"});