在contenteditable="true"的编辑框内使用shift+enter换行之后,结构混乱 怎么解决?-灵析社区

Fronttend

![](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241014/952c0d6dc83db682cdc05ccf2d18ae87.png) 在contenteditable="true"的编辑框内使用shift+enter换行之后,结构混乱 怎么解决 求 Document #editable { width: 300px; height: 300px; border: 1px solid #ccc; padding: 10px; } function keyDown(event) { document.execCommand('formatblock', false, ''); } function inputText() { // 把一段文字用 p 标签包裹起来 if (document.getSelection().focusNode.data !== undefined) { // 当前所在元素 var currentElement = document.getSelection().focusNode.parentNode; // 父元素内容 console.log(currentElement.innerHTML); } }

阅读量:204

点赞量:0

问AI
喝一杯吧可以吗
试了一下,这样可以 function keyDown (event) { if (event.shiftKey && event.keyCode === 13) { event.preventDefault(); document.execCommand('insertParagraph'); return false; } document.execCommand('formatblock', false, ''); } «仅在 Chrome 120.0.6099.201 (Official Build) (64-bit) (cohort: Control) 中进行测试。»