DIV contenteditable 및 새 줄

Question

div contenteditable의 내용을 얻고 DB에 삽입하려면 XPath를 사용하고 있습니다. 그러나 내용을 출력 할 때 새로운 줄이 없습니다.

$divs = $xpath->query('//div'); 
foreach($divs as $book) { 
$text = nl2br($book->textContent); 
} 

내가 뭘 잘못하고 있니? 미리 감사드립니다 :)

Answer 1

$book->textContent 과 같이 모든 태그를 제거합니다. contenteditable -Element에서 Enter를 누르면 자연스럽게 삽입됩니다. 따라서이 모든 함수 반환은 순수 텍스트의 연결입니다.

목표가 무엇인지 확실하지 않지만 $your_DOMDocument->saveHTML($book)을 들여다 볼 수 있습니다. 주변 <div>을 포함한 각 $book의 실제 HTML이 반환됩니다.

[1] : DOM Specifications

Answer 2

콘텐츠가 편집 가능한 요소에 xml:whitespace="preserve" 속성을 설정하고 xml API를 사용하여 가져올 수 있습니다.

이 솔루션에 실패하면 Enter 키를 잡는 내용 편집 가능 div에 keypress 핸들러를 추가하고 커서 위치의 <br/>으로 바꿉니다.