☰

为什么 jeditable WYSIWYG 插件在不同的网络浏览器中表现不同？

tag-icon • tag-icon browser html compatibility jquery wysiwyg
为什么 jeditable WYSIWYG 插件在不同的网络浏览器中表现不同？

通常，当我们在所见即所得编辑器中输入一个句子时，如果下一行需要添加一个句子，我们会按 Enter 键，它会自动插入一个<br>标签。但是，当我们使用 jeditable 所见即所得编辑器执行此操作时，它会插入<p></p>标签，而不是<br>在 Internet Explorer 中插入标签，然后在 Chrome 中插入标签。

但它在 Mozilla 中插入<br>标签（这是正确的）。在 IE 上，在 jeditable WYSIWYG 编辑器中按回车键时提供<p>标签。<br>

我使用 Jeditable 作为内联编辑器（参见演示）。当使用所见即所得编辑器并输入我的句子到下一行时，Firefox 会使用</br>标签显示输出，这是正确的。

但 chrome 和 internet explorer 显示不同的输出。

例如：

原始输出应该是Lorem Ipsum<br>is simply dummy 在 Firefox 中正确显示的。

但在 Internet Explorer 中输出为<p>Lorem Ipsum</p><p>is simply dummy</p> ，而在 Chrome 中输出为<div>Lorem Ipsum</div><div>is simply dummy</div>

我如何才能使所有浏览器（如 Firefox）都显示相同的内容？

答案1

这演示正在使用非常旧的版本所见即所得插件（按照建议这里)，因此您应该使用升级后的代码。

发生这种情况的原因是，当编辑器初始化时，如果文本区域没有加载任何内容，它会放置一个<br>。

以下是您可能正在寻找的提交修复：

README 中对 brIE-option 的解释以及针对相同功能的一些代码重构作者为 stianlik。

ENTER 键将不再将样式重置为“段落”，而是继续写入“标题 1”，直到用户在工具栏中明确选择“段落”。

您可以使用brIE选项来控制此行为。检查自述更多细节。

有关的：

相关内容