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

时间:2011-05-23 20:15:04

标签: javascript jquery wysiwyg execcommand

我创建了最简单的WYSIWYG编辑器,但在每个浏览器中生成了其他html代码。 我用: a.execCommand('useCSS', false, true); a.execCommand('styleWithCSS', false, false); 例如: 当我使用回车键时Chrome会生成不必要的div ... IE转到新行时会生成<p>个标签... Firefox为我生成了最好的代码,插入旧的br:)

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

1 个答案:

答案 0 :(得分:2)

按Enter / return时插入div,p或br不是使用useCSS / styleWithCSS选项控制的。此选项仅适用于样式。按enter/return时发生的情况完全取决于浏览器。要规范化行为,您可以为返回键(代码13)编写键处理程序,在按下<br>时插入\nenter或任何您喜欢的键。

请参阅以下问题,开始为此编写一个密钥处理程序:

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

Cross browser event handler must capture [ENTER]