代码与我的所见即所得的差异

发布于 2024-11-08 21:37:40 字数 312 浏览 4 评论 0原文

我创建了最简单的所见即所得编辑器,但在每个浏览器中生成了其他 html 代码。 我使用:<代码> a.execCommand('useCSS', false, true); a.execCommand('styleWithCSS', false, false); 例如: 当我使用 Enter 键时,Chrome 会生成不必要的 div... IE 在转到新行时生成

标记... Firefox 为我生成了最好的代码,插入了旧的 br:)

我必须为结果创建样式,因为它的差异太大了。

I create the simplest WYSIWYG editor, but in each browser generated other html code.
I use:
a.execCommand('useCSS', false, true);
a.execCommand('styleWithCSS', false, false);

For example:
Chrome generate unnecessary div when i use enter key...
IE generate <p> tags when go to new line...
Firefox generate for me the best code, inserts old br:)

I must create styles for results, by it's too much differences.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

ゝ杯具 2024-11-15 21:37:40

按 Enter/Return 时 div、p 或 br 的插入不受 useCSS/styleWithCSS 选项控制。此选项仅适用于样式。当您按 enter/return 时会发生什么完全是浏览器特定的。为了规范化行为,您可以为返回键(代码 13)编写一个键处理程序,在其中插入
\n 或任何您喜欢的内容按下enter

请参阅以下问题,开始为此编写关键处理程序:

制作
而不是

通过在可编辑的内容上按 Enter

跨浏览器事件处理程序必须捕获 [ENTER ]

The insertion of div's, p's, or br's when pressing enter/return is NOT controlled with the useCSS/styleWithCSS option. This option is only for styles. What happens when you press enter/return is entirely browser-specific. To normalize the behavior, you can code a key-handler for the return key (code 13) where you insert a <br> or \n or whatever you like when enter is pressed.

See the following questions to get started with writing a key handler for exactly this:

Make a <br> instead of <div></div> by pressing Enter on a contenteditable

Cross browser event handler must capture [ENTER]

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文