contenteditable 编辑器中使用 shift+enter 导致结构紊乱的解决方法
在使用 contenteditable="true" 属性的编辑框时，使用 Shift+Enter 换行会破坏文本的结构。这是因为浏览器默认会在 Shift+Enter 时执行<br>标签，而<br>标签在 HTML 结构中并不合适。
解决方法：
浏览器提供了 insertParagraph 命令，可以将选中的文本用<p>标签包裹。要解决 Shift+Enter 导致的结构紊乱问题，可以修改 keydown 事件处理函数：
function keyDown (event) {
if (event.shiftKey && event.keyCode === 13) {
event.preventDefault();
document.execCommand('insertParagraph');
return false;
}
document.execCommand('formatblock', false, '<p>');
}说明：
提示：
以上解决方法仅在 Chrome 浏览器中测试通过。对于其他浏览器，可能存在不同的方法。
以上就是contenteditable 编辑器中 Shift+Enter 换行导致结构紊乱怎么办？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
600
收藏
