2014-01-25 50 views
0

在我的應用程序中,我通過單擊編輯按鈕來編輯GWTHTML小部件中的文本。新的瀏覽器窗口打開,ckeditor編輯我們可以定位的ckeditor中的文本, ,對齊文本並插入圖像,鏈接也是如此。編輯後的文本應該像預覽一樣顯示在父窗口的頁面中。 在這裏,我將ckeditor的編輯文本設置爲HTML widget,它不能顯示預覽效果,假設我的編輯文本的寬度和高度大於html小部件,那麼html小部件將不會正確顯示,即截斷或隱藏一些文字。它會顯示你的能力(寬度,高度)。 所以我想知道,gwt中是否有任何小部件顯示預覽?如何在Gwt中預覽編輯過的文本?

任何建議將是偉大的。

回答

0

如果可以檢索到Ckeditor的HTML內容,則可以使用HTML小部件顯示預覽。

htmlWidget.setHTML(String); // althought the use of SafeHtml wrapper is prefered 

HTML小部件相當於一個div。所以,如果你想根據內容自動調整高度你沒有顯式地設置控件的高度,但使用的CSS屬性height:auto;

http://jsfiddle.net/34hGu/

+0

衛生部你好,我提到,我使用的HTML小部件,但問題是與高度和寬度,請重新閱讀我的查詢 –

+0

我編輯我的答案相應 – outellou