>source

새로운 div 또는 p로 확장되는 contenteditable p 요소를 입력하거나 리턴 할 때 발견했습니다.br로만 확장되고 싶습니다. 아래 페이지를 시도했지만 작동하지 않습니다.

document.execCommand("defaultParagraphSeparator" , false , "br");

https://developer.mozilla.org/ko -US/docs/Web/Guide/HTML/Editable_content

document.onreadystatechange = function(){
        if(document.readyState == 'complete'){
            document.execCommand("defaultParagraphSeparator" , false , "br");
        }
    }

function public_mode(){
    var key = window.event.keyCode;
    if (key == 13) {
        sendMessage();
    }
}
function sendMessage(){
    var content = document.getElementById("content");
    console.log(content.innerHTML);
}
<p id = "content" contenteditable="true" onkeypress="public_mode()"></p>    
//p content is:
Hello world!
Hello world!
//console result is:
Hello world!
Hello world!<div>Hello world!</div>

  • 답변 # 1

    실제로 링크 한 기사에 따르면 Firefox에서만 가능합니다.

    와이즈 비즈

    Additionally, Firefox supports non-standard argument, br, for defaultParagraphSeparator since Firefox 55. This is really useful if your web application supports the older Firefox behavior with checking whether the browser is Firefox and unfortunately, you don't have much time to fix your web application for newer Firefox, you can take the older Firefox behavior back with inserting this line when you initializes designMode or contenteditable editor

관련 자료

  • 이전 변수에서 입력을 제거하는 JQuery
  • 다음 Visual Studio 솔루션에서 Azure VM에 연결할 수있는 방법이 있습니까? C # 코드를 사용하여 Azure VM 직렬 콘솔에 액세스하고 싶습니다