2016-01-03 300 views
1

我使用NicEditor(http://nicedit.com)。調整大小窗口NicEditor

首先,我設置的文本域100%的寬度,但是當我調整窗口的大小,編輯保持不變,並不會調整到窗口的新寬度爲100%。

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

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

</script> 

我該如何解決這個問題?

編輯: 我發現,有效的解決方案:

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

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

刷新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(); 
    }); 

參考 - 演示3:添加/刪除NicEditors:
http://nicedit.com/demos.php?demo=3

+0

這不起作用(http://kod.djpw.cz/dftb)。它仍然是一樣的。 – user3529020

+0

檢查你的小提琴! –

+0

我找到了一個解決方案。我編輯了這個問題。 – user3529020