问题标签 [edit-in-place]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1175 浏览

ruby-on-rails-3 - 将 best_in_place 与 TinyMCE 等富文本编辑器一起使用

我正在使用best_in_placegem 在 Rails 应用程序中进行就地编辑。但是,我需要对某些文本区域进行 (X)HTML 编辑,因此我需要一个富文本编辑器。TinyMCE 正在网站的其他地方使用。

但是,将编辑器添加到best_in_place. 过于简单化了,gem 使用 jQuery 动态插入textarea标签,TinyMCE 在页面加载时初始化,用textarea编辑器替换 available s,所以当best_in_place放入它时textarea,TinyMCE 已经来了又走了。我尝试在best_in_place插入其 textarea 后重新初始化 TinyMCE,但我认为我没有在代码中找到正确的位置来执行此操作,因为到目前为止它还没有工作。

传言说这种集成是可能的,但在我的网络搜索中没有看到任何文档,所以欢迎指点。(同样,这个答案没有帮助,指向两个断开的链接。)我认为我首选的解决方案顺序类似于

  • 以下是如何将 TinyMCE 与best_in_place
  • TinyMCE 无法做到这一点,但这是使用另一个富文本编辑器的方法
  • 它无法完成,best_in_place但这是 Rails 3.2.x的另一种富文本就地编辑解决方案。
0 投票
2 回答
2290 浏览

firefox - 开发一个适当的Firefox扩展(不是首先通过编码到xpi)?

为 Mozilla Firefox 开发扩展我想知道我现在所做的是否有“更简单的方法”。目前我做:

  1. 创建一个文件夹——在其中开发——例如myextension

  2. 在此文件夹中:创建和编辑文件(如 install.rdf、chrome.manifest、xul 文件。基本上是 Firefox 扩展的所有其他结构(这里没问题))

  3. 将内容压缩myextension到 ZIP 文件(即名为 myextension.zip)

  4. 将 myextension.zip 重命名为 myextension.xpi

  5. 安装 xpi-file-firefox-extension 然后在 firefox

  6. 重启火狐

  7. 测试扩展

每次编辑扩展的代码库后,我需要经历 3. zip-compress,4. 重命名,5. 将 XPI 文件安装到 firefox,6 重新启动浏览器的过程。

当然我可以自动化其中的一些,但我仍然想知道是否有另一种方法可以直接在运行的 firefox 配置文件文件夹中开发 firefox 扩展。

我知道的扩展存储在 Firefox 配置文件文件夹中: firefox/profile/extensions/nameofextension.xpi

我记不太清了,但我认为有一种方法可以将扩展名也解压缩为一个文件夹存储在那里?这样我仍然需要在编辑后重新启动,但不需要进行所有繁琐的压缩-重命名-安装。

有任何想法吗?

0 投票
3 回答
1232 浏览

javascript - 如何在 jQuery 中切换就地编辑功能?

我一直在玩jQuery In Place Editor,但我不知道如何正确禁用它。以下是我到目前为止的代码。

我正在使用 jQuerytoggle方法来初始化和终止链接列表上的插件功能。下面的代码中有一些额外的位可能与我的问题无关,但我将它们留在那里以防万一。

问题是下面的代码在前 2 次点击时按我预期的方式工作(即第一次点击 - 启用 editInPlace 插件,第二次点击 - 禁用它),但它不会在第 3 次点击时重新启用就地编辑功能

任何想法为什么?

0 投票
2 回答
833 浏览

javascript - Primefaces p:inplace 组件:如何在 JavaScript 中读取状态?

如何在Javascript中访问PrimeFaces p:inplace组件的状态?

我需要检查组件是否处于内联状态,以便toggle()在需要时调用函数... AFAIKtoggle()只能更改状态而不能将状态设置为所需值?

0 投票
1 回答
744 浏览

ruby-on-rails - 时间对象的就地编辑

我有一个应用程序,用于为许多员工计划工作班次。我有一个Shift模型,我将shiftstart和存储shiftendTime对象。

Shifts在一个页面上显示用户,该页面在表格中显示了几天。这个想法是用户可以使用Best In Place gem直接在此表中编辑shiftstart和。shiftend

但是在处理 Time 对象时,我似乎无法弄清楚如何让它工作——任何人都对此有一些经验或建议。

我有以下代码:

看法:

架构:

我收到“08.00”:String 错误的“未定义方法 `{:type=>:input}'并且我已经尝试将 Best In Place Type 切换到其他输入 - 没有帮助..

0 投票
1 回答
548 浏览

joomla - 如何以编程方式编辑/更新 Joomla 文章

我希望以编程方式编辑/更新 joomla 2.5.8 文章。

我知道这可以做到,但我还不知道怎么做;我在网上找不到任何帮助..

理想情况下,我会寻找一种可以在客户端(Javascript / AJAX)上工作的解决方案,以减少服务器负载。

到目前为止,我已尝试将(随机 HTML / 文本)发布到*<site_root>/administrator/index.php?option=com_content&view=article&layout=edit&id=<article_id>*文件中的'jform[articletext]'字段但没有成功

有谁知道如何做到这一点?

0 投票
1 回答
878 浏览

jquery - Jquery 实时编辑插件不适用于 Zurb Foundation

我一直在试用几个基于 jquery 的实时编辑(就地编辑)插件,例如 Jeditable,并尝试将它们与 Zurb Foundation 集成。

显然,Foundation 的foundation.min.js 文件以某种方式禁用了Jeditable 和其他实时编辑插件。他们只是似乎不起作用。您可以在http://www.jquery4u.com/plugins/10-jquery-live-page-edit-plugins看到更多这样的插件

我不明白为什么基金会会这样做。有什么解决方法吗?有谁知道这种插件已成功与 Zurb Foundation 一起使用的任何解决方案

0 投票
0 回答
90 浏览

jquery - jQuery - 就地编辑 - 带有隐藏字段且没有 POST

我发现的许多解决方案都涉及实时发布已更改的数据。我不想要那个。

我期待:

  • 将 div / span(单击/聚焦)转换为输入(就像任何普通的 Edit it place 一样)
  • 隐藏输入但将其保留在 DOM 中,以便我可以发出 Ajax 请求,在该请求中我可以序列化表单中的所有输入
0 投票
2 回答
5664 浏览

wpf - 将弹出窗口位置锁定到元素,或使用图层伪造弹出窗口以在 ItemsControl 中进行就地编辑

我想要实现的基本上是ItemsControl在 wpf 中对数据绑定对象进行就地编辑。

myItemsControl是一个WrapPanel包含多个用户控件 ( NameControl) 实例的水平控件,它显示为带有人名的粉红色小字形。看起来像这样

图。1

通过弹出窗口,我可以显示此“名称”的编辑器(绑定对象的其他属性,例如AddressGender),这绝对可以正常工作。此时我的 XAML 将类似于

当我点击一个看起来像的名字时给出一个输出

图2

有了这个外观,我很高兴(除了我糟糕的颜色选择!!)除了弹出窗口不随寡妇移动(调整大小/最小化/最大化)并且弹出窗口甚至高于其他窗口。

因此,解决部分问题的一种方法是将弹出位置“附加”或锁定到元素。我还没有找到一个好的/简单的/xaml 方法来做到这一点。我遇到了一些基于代码的解决方案,但我不确定我是否喜欢。它只是有点气味。

我试图实现的另一个解决方案是放弃弹出窗口并尝试模拟位于其他名称之上但位于相关名称控件之上(或之下,我不挑剔)的层/面板的行为。

我尝试了一些不同的事情,主要是围绕Panel.ZIndex在一个(网格、WrapPanel、我的主窗口顶部的一个 DockPanel)中设置控件PanelControl,但收效甚微。我已经实现了一个简单BoolToVisibilityConverter的将我的编辑器网格Visibility属性绑定到我的IsEditMode视图模型属性并且工作正常,但我不能在我的生命中安排我的元素以在ItemsControl名称上显示编辑器网格。

要执行上述操作,我只需注释掉Popup并将以下绑定添加到Border包含编辑器网格的Visibility="{Binding IsEditMode, Converter={StaticResource boolToVisibility}}"中。

所做的就是:

图3

它只显示名称下的弹出窗口,不是其他名称。

有什么帮助吗?我究竟做错了什么?

0 投票
3 回答
2117 浏览

forms - Meteor Handlebars 模板:从文本切换到输入

我的流星应用程序的一部分是一个半协作表,用户可以在其中同时编辑不同的行。当用户在编辑一行时,静态文本值需要切换到输入框,以便编辑和保存这些值。我想要一个模板/助手来做到这一点,基本上我想要:

除了有几列具有不同的“foo”值,我不想多次复制和粘贴。使用模板和助手处理此问题的正确方法是什么?

另一种方法可能是使用 HTML5contenteditable属性。无论哪种方式,使用把手模板化这些值的正确方法是什么?