2016-01-03 2 views
1

Я использую NicEditor (http://nicedit.com).Изменение размера окна с помощью NicEditor

Во-первых, я устанавливаю ширину текстового поля 100%, но при изменении размера окна редактор остается таким же и не будет изменять размер до новой 100% -ной ширины окна.

<textarea style="width: 100%;"> something .. </textarea> 

<script> 
    //<![CDATA[ 
bkLib.onDomLoaded(function() { nicEditors.allTextAreas() }); 
//]]> 

</script> 

Как это исправить?

EDIT: Я нашел решение, которое работает:

$(function() { 
     editor = new nicEditor({fullPanel : false}).panelInstance('text'); 
    }) 

    $(window).resize(function() { 
    editor.removeInstance('text'); 
    editor = new nicEditor({fullPanel : false}).panelInstance('text'); 
    }); 
+0

Reload niceEdit на каждом окне изменения размера ! –

ответ

1

По умолчанию, Хороший редактор или редактор CK не имеет адаптивную функции.

Попробуйте что-нибудь вроде ниже. управлять шириной и высотой по родительскому элементу.

<textarea id="comments" style="width:100%; height:100%;"></textarea> 

На каждом окне изменения размера, вызовите NiceEdit

JS:

var editor; 
    function reLoadEditor() { 
     editor.removeInstance('comments'); 
     editor = new nicEditor({fullPanel : false}).panelInstance('comments'); 
    }(); 

    $(window).resize(function() { 
    reLoadEditor(); 
    }); 

Ссылка - Demo 3: Добавить/Удалить NicEditors:
http://nicedit.com/demos.php?demo=3

+0

Это не работает (http://kod.djpw.cz/dftb). Это все равно. – user3529020

+0

проверка вашей скрипки! –

+0

Я нашел решение. Я редактировал вопрос. – user3529020

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