代码与我的所见即所得的差异
我创建了最简单的所见即所得编辑器,但在每个浏览器中生成了其他 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
按 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 whenenter
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]