2013-12-18 57 views
0

幾周前,我正在閱讀WordPress的計劃。今天想到了一個項目:可編輯的文本塊。今天它可編輯文本塊

思考,在我看來,ExtJS的會做的伎倆。

用一個div;點擊後,打開包含文本的某種彈出窗口,至少包含基本的編輯控件(我讀過的討論是關於合併一些所見即所得的),當然還有保存修改後的Div的功能。

可行的,是嗎? (我真的需要問,我敢承擔什麼都沒有。)

- @ bentrem又名@ITGeek

附:是可以保存原始和修改的,是嗎?留下歷史?在點擊文本

+0

有點不清楚你實際上是在問。如果你需要看的HTML編輯器中看到這個例子中(表#3)http://docs.sencha.com/extjs/4.2.2/#!/example/form/dynamic.html – dbrin

+0

接受HTML是次要的,因爲將所見即所得的任何形式。正如我寫的:基本編輯。文本修訂。 在https://twitter.com/dmitrybrin上單擊編輯配置文件。 HeyPresto。 但是說:什麼位不清楚? – BenTrem

回答

1

編輯塊處於Editable Grid可用。內嵌文本被替換爲可編輯的表單控件。

外網的,你需要線了自己的事件和組件的鏈來完成相同的。例如,您可以使用Label組件或Display Field組件,添加單擊偵聽器並使用textarea(或HTMLEditor)子項和保存按鈕創建Window組件。在保存時,您可以運行自己的邏輯將輸入值複製到模型類中,或者通過AJAX調用將其發送回服務器。下面演示一個帶有多個組件的Window彈出窗口的示例:http://docs.sencha.com/extjs/4.2.2/#!/example/window/layout.html

內聯編輯器的另一個示例如下所示:http://docs.sencha.com/extjs/4.2.2/#!/example/simple-widgets/editor.html它使用Ext.Editor類將簡單標籤轉換爲可編輯字段。

另一種方式來編輯現有的數據(每行的基礎上表編輯器)http://docs.sencha.com/extjs/4.2.2/#!/example/build/KitchenSink/ext-theme-neptune/#form-grid

+0

非常棒Dmirty;非常感謝。我熟悉/使用過Sencha Popups;最讓我關心的是保存修訂內容的能力。 附:只是看着http://livedocs.dojotoolkit.org/dijit/InlineEditBox – BenTrem

+0

感謝您的接受。這些框架有很大的不同,並且不會總是在開箱即用的組件和功能上相互匹配。然而,只要有足夠的技巧和幫助,你可以做任何事情。 – dbrin