2013-02-27 18 views
1

我正在嘗試構建一個小部件,該小部件的某個區域將顯示〜20行HTML代碼的示例。此示例代碼必須是可選的,以便用戶能夠複製並粘貼到他們自己的文本編輯器中。CQ5 - 用於顯示示例HTML的小部件

目前我正在使用xtype displayfield並使用fieldDescription將我的HTML代碼放入其中。我意識到,雖然這fieldDescription不允許我格式化我的代碼。我也嘗試使用xtype textarea並將emptyText設置爲我的HTML代碼,但單擊textarea將刪除HTML代碼。

用戶故事爲此,我有一個textarea用戶將填充textarea與HTML代碼。此HTML代碼必須以某種方式構建,以便CSS能正確格式化其代碼。我想包含一個如何構造這個HTML代碼的例子。

編輯 - 如果我可以將字體面向Courier應用於此以便於閱讀,這將非常棒。

回答

4
  • 嘗試使用valuetextarea的財產。
  • ignoreData設置爲true以避免從內容填充值。
  • ,以確保它不會被保存回爲一個屬性 - 離開name空,或者只是設置不與./
  • 開始爲了實現不同字型的值 - 一個頁面上的CSS玩。如果您想要將特定的CSS類添加到您的小部件,請使用overCls屬性。
  • 尋找更多on the documentation
+0

我試過一個字段的名稱設置不與「./」前綴的東西。至少在5.6.1中,該字段的值確實被保存到指定的絕對或相對位置。但是,它並沒有在對話框打開時加載。只是需要注意。 – 2015-09-22 20:37:11

相關問題