问题标签 [designmode]

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 回答
1193 浏览

javascript - 将文本插入由 iframe 外的按钮触发的 Designmode iframe

我有一个可编辑的 iframe,当用户单击 iframe 外部的按钮时,我想在光标位置插入文本。我正在尝试使用以下代码插入文本:

我认为这是失败的,因为当我点击按钮时焦点会改变。但是,我不知道如何纠正这个问题。感谢您的帮助。

0 投票
2 回答
957 浏览

c# - 使用 DesignerProperties.GetIsInDesignMode(...) 可能出现的问题?

我正在创建一个 WPF 自定义控件并遇到了一种情况。许多代码在控件初始化之前不会执行:if (this.IsInitialized) { ... }但是,这会导致我的设计器出现问题,因为它从未被初始化。

我只是想知道DesignerProperties.GetIsInDesignMode()在自定义控件中使用是否正常使用,如果是这样,我应该警惕任何陷阱吗?我问这个是因为在自定义控件中进行设计器特定的检查/代码似乎很“脏”。

我想一个好的衡量标准是知道微软是否在他们的任何控件代码中使用了特定于设计器的代码(而不是属性)?

0 投票
2 回答
6409 浏览

javascript - designMode iFrame 获取光标位置

我想获取可编辑 iFrame 的光标位置(使用 designMode)。这是我到目前为止的代码:

从那里,获取属性startOffset从该行的开头获取字符数,而不是从 iFrame 文档的开头获取。我想获得相对于文档开头的光标位置。

请注意:我对设置光标位置感兴趣;我只是想得到它。

最好,我希望该修复程序与 Chrome/Safari/Firefox 兼容;不需要与 IE 兼容。

任何帮助将不胜感激。

0 投票
1 回答
273 浏览

.net - 为我的应用程序设置 DesignMode

我有可以更改 XAML 文件的应用程序。例如:移动和调整控件大小。

在控件内部,我们有一些复杂的代码并使用下一个检查:

但是这个检查总是错误的。我们在设计模式中的应用程序网格,页面如何设置?

谢谢。

0 投票
1 回答
328 浏览

internet-explorer - 如何在 IE iframe designMode = "on" 中取消 mailto

iframe 的属性是 designMode = "on"。在 Internet Explorer 中使用 @ 按下 iframe 中的某些文本时。它会自动将其转换为mailto:链接。

例如ab@cd变成mailto:ab@cd

我该如何取消这个?

谢谢

0 投票
0 回答
159 浏览

linux - Flash builder 4.5 设计模式下的灰色背景

我刚刚在我的 Kubuntu 操作系统中安装了 Flash builder 4.5。我可以在我的 Eclipse 中创建一个新的 flex 项目。但是,当我从源代码模式切换到设计模式时。背景是灰色的,不显示任何组件(也不显示白色背景)。我想知道你们是否有解决方案。非常感谢。

0 投票
0 回答
236 浏览

delphi - 插入符号位置受设计模式下 Internet Explorer 中字形使用的影响

我尝试在 Delphi 的设计模式中使用 Internet Explorer 作为 Html 编辑器。我使用 Mshtml 和 SHDocVw 单位,编辑很顺利。我还显示了一些字形,例如 Word 中的“特殊字符”选项(例如段落:¶)。现在,隐藏字形或显示字形之间的插入符号位置似乎有所不同。

1) 隐藏字形

在“示例文本”上按下<End>键时,插入符号直接位于最后一个字符“t”之后:示例文本 |

当我现在键入<1>密钥时,html 结果与我预期的一样:

2) 显示字形

在“示例文本”上按下<End>键时,插入符号不是直接定位在最后一个字符之后,而是在字形之后:示例文本¶ |

当我现在键入<2>密钥时,html 结果是

所以'2'结束在段落之外。

我还检查了如果在按下非系统键之前隐藏字形会发生什么:

3) 显示字形并在之后隐藏它们

首先显示字形,按下<End>“示例文本”上的键,隐藏字形,插入符号仍然没有直接定位在最后一个字符之后,屏幕上出现了一些空间(但是 html 源中没有真正的字符/元素):示例正文 | 当我现在键入<3>密钥时,html 结果是

所以'3'仍然在段落之外结束。

<Home>像和箭头键这样的键也存在同样的问题。

我怎样才能防止这种情况?有没有办法防止在字形之后放置插入符号,或者将其更改为段落的最后一个字符?

0 投票
1 回答
144 浏览

javascript - 设计模式中的浏览器在 UL 中包装孤立的 LI 元素 - Firefox 和 Chrome

我正在使用 TinyMce 为 Web 应用程序实现 WYWIWYG 编辑器。该应用程序允许用户编辑包含部分 HTML 的令牌。例如,正在编辑的令牌可能包含:

<li>一些文字</li>

但是,当我在编辑器上调用 SetContent 并使用值 <li>some text</li> 时,该元素会自动包装在 <ul> 元素中。据我所知,这不是由 TinyMCE 完成的,而是由浏览器本身完成的。

我知道这是浏览器创建有效 HTML 的方式,不幸的是我没有任何办法允许用户编辑无效元素(无效仅因为 li 不在 ul 中)。

这发生在 FireFox 和 Chrome 中,有没有办法阻止浏览器这样做(调用 setHtml 时)并允许无效的 HTML(甚至说,打开 p 标签)?

0 投票
1 回答
266 浏览

javascript - HTML,Javascript - 比 iFrame 更宽的拆分词,而不是生成滚动条

我正在使用 ExecCommand 制作一个非常基本的 WYSIWYG 编辑器,因为未来的项目将需要我制作一个(因此请不要告诉我使用 CKEditor 或 tinyMCE 之类的东西)。正常使用时一切正常。但是,如果您输入的词比 iFrame 宽,则该词不会拆分。相反,滚动条只是添加到 iFrame 中。这是一个显示我的问题的视频:https ://vimeo.com/42699618 所以我想知道防止这种情况的最简单方法是什么?

这是代码:

0 投票
2 回答
2371 浏览

javascript - 如何在 designmode=on 中保护 HTML 元素

我有一个打开了设计模式的 iFrame。在文档中,我有几个“特殊”元素,用户可以通过菜单选择粘贴这些元素(在更广泛的应用程序中使用的自定义字符/标识符/描述是固定的)。如果用户选择或删除它们,我需要保护这些 html 元素不被修改并将它们视为一个实体。一个示例 iframe 如下所示:

设计模式可以编辑整个身体内容,这正是我需要的。

保护“只读”跨度的最佳方法是什么?我能给出的最佳描述是,我希望跨度及其内容被视为所有用户文本操作(即移动光标、选择、删除)的单个字符。我已经尝试在 span 元素上设置 contenteditable="false",这确实有很多想要的效果,但它在 IE8/9 中效果不佳,并且在其他浏览器中还有其他较小的问题。另外,我不确定在同一个解决方案中混合设计模式和 contenteditable 是一个好主意。