问题标签 [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.
javascript - 为什么 FF3 说“获取属性 HTMLDivElement.tagName 的权限被拒绝”?
当我通过 FireFox 3 运行它时:
并单击内联可编辑文本,对其进行更改,然后单击其外部,FF 表示:“Permission denied to get property HTMLDivElement.tagName”
Firebug 调试器在以下行中断,因为 e.relatedTarget 为空:
尝试{ e.relatedTarget.tagName; } 捕捉(e2){ 返回;}
我能做些什么来解决这个问题?
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 会直接在元素内部生成样式?如何更改这些属性?
谢谢汤姆
dojo - 将 dijit.InlineEditBox 与 dijit.form.Select 一起使用
我正在尝试使用 dijit.form.Select 作为我的 dijit.InlineEditBox 的编辑器。似乎出现了两个问题/意外行为:
- 不一致的是,InLineEditBox 没有将初始值设置为选中
- 始终如一地,在选择一个选项后,应该隐藏的值会显示而不是标签。
- 宽度未设置为 130px
这是工作代码:http: //jsfiddle.net/mimercha/Vuet8/7/
吉斯特
任何帮助是极大的赞赏!谢谢!
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 的建议都会很棒!
dojo - 带有突出显示 html 的 dijit.InlineEditBox
我有一些 dijit.InlineEditBox 小部件,现在我需要在它们上面添加一些搜索突出显示,所以我返回的结果带有一个带有 class="highlight" 的跨度超过匹配的单词。生成的代码如下所示:
这看起来和预期的一样,但是,当我开始编辑标题时,添加的跨度就会显示出来。如何让编辑器删除添加的跨度,以便只保留文本?
在这种特殊情况下,书籍的标题中没有 html,因此某种完整的标签剥离应该可以工作,但最好找到一个解决方案(如果是带有 dijit.Editor 小部件的简短描述字段),其中现有的 html 保留在原处,仅删除突出显示的范围。
此外,如果您能提出更好的方法(内联编辑和单词突出显示),请告诉我。
谢谢 !
dojo - 如何在 dojo 1.8 中以编程方式为 InlineEditBox 添加工具提示
我正在使用 dojo 1.8.1 并有两个内联编辑器,一个用于 Textarea,一个用于编辑器。我想提供天桥技巧来帮助解释应该如何使用它们。理想情况下,如果没有内容,我想为内联编辑器的 textarea / 编辑器提供一个提示,并在他们单击以编辑丢失的内容时消失(带有作家图标的下划线对我没有帮助 - - 如果我可以替换那个跨度也可以)。但是,作为开始,在将鼠标悬停在入口区域上时显示工具提示会很好。
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)只是忽略空格键。不知道是谁在阻止空格键。
无法在网上看到与该问题相关的任何内容。将不胜感激任何帮助。
代码片段:
dojo - dojo dijit.InlineEditBox script type='dojo/connect' 有时会抛出错误需要抑制
所以我有一个 html 页面,其中包含这样的片段
这在 chrome 和 IE 中工作得很好,但是当页面非常大时,只有 Internet Explorer 会引发错误
并且那些特定的 inlineeditbox 将不再出现。所以也许 1,000 个内联编辑框 70% 会呈现。
如果我注释掉脚本 type='dojo/connect' 则不会引发错误。
我认为这可能是 IE 的一些限制,但任何想法是什么导致了这种情况?
css - 在内联编辑器中跳转内容
我正在尝试创建一个简单的内联编辑器小部件。我想要的是进入编辑模式而不是被迫跳转文本。这是一个小提琴示例。当我们单击文本时,它会进入编辑模式,但即使在编辑和显示模式下将其设置为相同的填充和边距,内容“测试”也会跳转。
CSS:
jquery - CKeditor 上的 LineHeight 插件问题
我在我的编辑器中添加了 CKEdiotr LineHeight 插件。
当我没有从配置文件设置任何工具栏配置时,它工作正常,但是当我启用我的工具栏设置它的隐藏时。
我的工具栏设置与“行高”配置设置如下
请让我知道我在哪里失踪。config.toolbar
我想我想在项目列表中添加项目名称