可编辑的文本块答案

【问题标题】：Editable text block可编辑的文本块
【发布时间】：2013-12-18 04:56:57
【问题描述】：

几周前，我正在阅读 WordPress 的计划。今天想到了一个项目：可编辑的文本块。

今天想起来，在我看来，ExtJS 可以解决问题。

有一个 Div；单击时，打开某种弹出窗口，其中包含至少具有基本编辑控件的文本（我读过的讨论是关于合并一些所见即所得的。）当然，还有保存修改后的 Div 的功能。

可行，是吗？（我真的需要问一下；我什么都敢假设。）

--@bentrem 又名@ITGeek

附言原版和修改版都可以保存吗？留下历史？

【问题讨论】：

有点不清楚你真正在问什么。如果您需要查看 html 编辑器，请参阅此示例（表格 #3）docs.sencha.com/extjs/4.2.2/#!/example/form/dynamic.html
接受 HTML 是次要的，所见即所得也是如此。正如我所写：基本编辑。文本修订。在 twitter.com/dmitrybrin 上单击编辑配置文件。嘿Presto。但是说：哪一点不清楚？

标签： extjs extjs4 extjs4.1 richtextblock

【解决方案1】：

点击时可编辑的文本块在Editable Grid 中可用。内嵌文本被替换为可编辑的表单控件。

在网格之外，您需要连接自己的事件链和组件来完成相同的任务。例如，您可以使用 Label 组件或 Display Field 组件，添加点击侦听器并创建带有 textarea（或 HTMLEditor）子项和保存按钮的 Window 组件。在保存时，您将运行自己的逻辑将输入值复制到模型类或通过 AJAX 调用将其发送回服务器。这里演示了一个带有多个组件的窗口弹出示例：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

【讨论】：

神话般的 Dmirty;非常感谢。我熟悉/使用过 Sencha Popups；我最关心的是保存修改后的内容的能力。 p.s.只是在看livedocs.dojotoolkit.org/dijit/InlineEditBox
感谢您的接受。这些框架有很大的不同，并且在开箱即用的组件和功能上并不总是相互匹配。但是，只要有足够的技能和帮助，您几乎可以在其中做任何事情。