问题标签 [inlineeditbox]

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 投票
2 回答
2004 浏览

javascript - 为什么 FF3 说“获取属性 HTMLDivElement.tagName 的权限被拒绝”?

当我通过 FireFox 3 运行它时:

并单击内联可编辑文本,对其进行更改,然后单击其外部,FF 表示:“Permission denied to get property HTMLDivElement.tagName”

Firebug 调试器在以下行中断,因为 e.relatedTarget 为空:

尝试{ e.relatedTarget.tagName; } 捕捉(e2){ 返回;}

我能做些什么来解决这个问题?

0 投票
1 回答
2752 浏览

css - 理解 dijit css 和样式的逻辑

我正在尝试使用 dijit.InlineEditBox。我使用 dojo 文档中的示例将以下代码放入我的 HTML 中:

我正在使用苔原主题。它可以工作,但看起来不太好。小部件有自己的样式,不适合我的 CSS。我使用firebug来定位问题的根源。该小部件创建了许多嵌套的 div/span 元素,每个元素都有自己的样式(firebug 中的元素样式):

(仅显示相关部分...)

为了获得我想要的视觉效果,它不会换行,我需要将 dijit_form_TextBox_0** 的宽度更改为 50%,并将 dijit__InlineEditor_0 的位置更改为显示:inline**;

或更改所有内容的定位(我的大部分布局都是浮动的,所以 position: absolute 不适合)

我无法在我的 css 中处理这些 span 元素来更改属性,因为 element.style 当然具有优先级。

我不明白这个系统的逻辑......为什么 dijit 会直接在元素内部生成样式?如何更改这些属性?

谢谢汤姆

0 投票
4 回答
2935 浏览

dojo - 将 dijit.InlineEditBox 与 dijit.form.Select 一起使用

我正在尝试使用 dijit.form.Select 作为我的 dijit.InlineEditBox 的编辑器。似乎出现了两个问题/意外行为:

  1. 不一致的是,InLineEditBox 没有将初始值设置为选中
  2. 始终如一地,在选择一个选项后,应该隐藏的值会显示而不是标签。
  3. 宽度未设置为 130px

这是工作代码:http: //jsfiddle.net/mimercha/Vuet8/7/

吉斯特

任何帮助是极大的赞赏!谢谢!

0 投票
1 回答
584 浏览

ajax - onChange 事件被修改后的 InlineEditBox 意外触发

在这个线程之后:使用 dijit.InlineEditBox 和 dijit.form.Select我一直在使用 InlineEditBox 的“固定版本”,可以在下面的小提琴中看到。

http://jsfiddle.net/mimercha/Vuet8/16/

“FixedInlineEditBox”dijit 在初始化时触发“onChange”事件。我正在尝试将 InlineEditBox 与 Ajax 事件一起使用,并且一次在页面上最多可以有 300 个内联编辑框,因此我试图了解是什么触发了 FixedInlineEditBox 中未触发的“onChange”事件从原始 InlineEditBox 初始化:

http://jsfiddle.net/mimercha/5HUga/1/

任何关于如何在初始化期间保存 displayValue 而不触发 onChange 的建议都会很棒!

0 投票
1 回答
355 浏览

dojo - 带有突出显示 html 的 dijit.InlineEditBox

我有一些 dijit.InlineEditBox 小部件,现在我需要在它们上面添加一些搜索突出显示,所以我返回的结果带有一个带有 class="highlight" 的跨度超过匹配的单词。生成的代码如下所示:

这看起来和预期的一样,但是,当我开始编辑标题时,添加的跨度就会显示出来。如何让编辑器删除添加的跨度,以便只保留文本?

在这种特殊情况下,书籍的标题中没有 html,因此某种完整的标签剥离应该可以工作,但最好找到一个解决方案(如果是带有 dijit.Editor 小部件的简短描述字段),其中现有的 html 保留在原处,仅删除突出显示的范围。

此外,如果您能提出更好的方法(内联编辑和单词突出显示),请告诉我。

谢谢 !

0 投票
1 回答
218 浏览

dojo - 如何在 dojo 1.8 中以编程方式为 InlineEditBox 添加工具提示

我正在使用 dojo 1.8.1 并有两个内联编辑器,一个用于 Textarea,一个用于编辑器。我想提供天桥技巧来帮助解释应该如何使用它们。理想情况下,如果没有内容,我想为内联编辑器的 textarea / 编辑器提供一个提示,并在他们单击以编辑丢失的内容时消失(带有作家图标的下划线对我没有帮助 - - 如果我可以替换那个跨度也可以)。但是,作为开始,在将鼠标悬停在入口区域上时显示工具提示会很好。

0 投票
1 回答
240 浏览

dojo - 使用 TextArea 编辑器在 InlineEditBox 中阻止空格键

我有一个定制的 DOJO 小部件和模板,它使用 dijit.form.Textarea 呈现一个 InlineEditBox(dijit.form)。InlineEditBox 本身包装在 TabController (dijit.layout) 的 ContentPane 下。

大多数工作=> TabContainer 被渲染, ContentPanes 被渲染。

InlineEditBox 也似乎使用默认手写符号 (noValueIndicator) 呈现。当我单击时,我得到一个 TextArea,我可以在其中输入所有字符,但空格键(至少在我尝试过的常见字符中)。似乎,一些按键事件处理程序阻止了空格键按下。值得注意的是,TextBox 层次结构小部件(作为 InlineEditBox 中的编辑器小部件)似乎正在响应空格键,但 html 文本区域渲染小部件(尝试过 TextArea、SimpleTextArea)只是忽略空格键。不知道是谁在阻止空格键。

无法在网上看到与该问题相关的任何内容。将不胜感激任何帮助。

代码片段:

0 投票
2 回答
129 浏览

dojo - dojo dijit.InlineEditBox script type='dojo/connect' 有时会抛出错误需要抑制

所以我有一个 html 页面,其中包含这样的片段

这在 chrome 和 IE 中工作得很好,但是当页面非常大时,只有 Internet Explorer 会引发错误

并且那些特定的 inlineeditbox 将不再出现。所以也许 1,000 个内联编辑框 70% 会呈现。

如果我注释掉脚本 type='dojo/connect' 则不会引发错误。

我认为这可能是 IE 的一些限制,但任何想法是什么导致了这种情况?

0 投票
1 回答
74 浏览

css - 在内联编辑器中跳转内容

我正在尝试创建一个简单的内联编辑器小部件。我想要的是进入编辑模式而不是被迫跳转文本。这是一个小提琴示例。当我们单击文本时,它会进入编辑模式,但即使在编辑和显示模式下将其设置为相同的填充和边距,内容“测试”也会跳转。

CSS:

0 投票
1 回答
2137 浏览

jquery - CKeditor 上的 LineHeight 插件问题

我在我的编辑器中添加了 CKEdiotr LineHeight 插件。

当我没有从配置文件设置任何工具栏配置时,它工作正常,但是当我启用我的工具栏设置它的隐藏时。

我的工具栏设置与“行高”配置设置如下

请让我知道我在哪里失踪。config.toolbar我想我想在项目列表中添加项目名称