2015-07-20 3 views
0

У меня есть div с contenteditable установленным значением true, и я делаю редактируемый с помощью встроенного экземпляра CKEditor.Как остановить inline ckeditor div resizing

Как я печатаю в div, он, естественно, растет в вертикальном направлении по мере того, как текст заполняется или когда я нажимаю return.

Если установить высоту и макс высоту CSS редакторов div тогда, сам div не растет, а редактор продолжает препятствовать мне вводить текст всего пути вниз страницы (прорывается из дел) ,

Что я хочу сделать, это заблокировать область встроенного редактора, скажем, 100px по высоте и, в идеале, не допускать вставки каких-либо строк.

Любые идеи очень ценятся.

+0

Вы можете удалить цитату и попробовать высоту: '200' => height: 200 в вашей инициализации? – Butterfly

+0

Пробовал это - до сих пор нет радости. Я думаю, это может быть просто, что CKEditor просто не может сделать это в режиме Inline? –

+0

add removePlugins: 'resize', и попробуйте – Butterfly

ответ

1

После некоторых игр я нашел ответ, и все было просто. Просто примените высоту и переполнение-y: auto в css содержащего div. Делает удовольствие :)

0

Настройка высота и отключить автоматический расти:

config.autoGrow_onStartup = false, 
config.resize_enabled = false, 
config.height = '500px'; 
+0

Пробовал это, но кажется, что «встроенный» режим не поддерживает параметры (только «классический» режим, я думаю). Проблема в том, что мне нужен встроенный режим. Вот фрагмент кода, который я использую для инициализации - это выглядит правильно? CKEDITOR.inline ('editorbox', {resize_enabled: false, autoGrow_onStartup: false, height: '200'}); –

+0

Можете ли вы создать скрипку с вашим редактором? – Daimos

0

Вы должны установить высоту и ширину при intializing в CKEditor

config.height = 500;  // 500 pixels high. 
config.height = '25em';  // CSS unit (em). 

Чтобы отключить изменение размера

config.resize_enabled = false; 

Ссылки: http://docs.ckeditor.com/#!/guide/dev_size

+0

Я пробовал это, но казалось бы, что режим «встроенного» редактора, который я использую (и должен использовать), не поддерживает свойство height. –

+0

try @Daimos answer config.autoGrow_onStartup = false, – Butterfly

+0

Добавить config.autoGrow_onStartup = false перед настройкой config.height? – Butterfly

Смежные вопросы