Javascript 如何在内容可编辑div中保留空白
我使用内容可编辑div作为一个字段来获取网站中的用户输入。 但我的问题是,当我使用jquery获取div的内容时,用户在div中输入的所有空格都丢失了 所以,我想知道是否有任何方法可以保留内容可编辑div的所有空白Javascript 如何在内容可编辑div中保留空白,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我使用内容可编辑div作为一个字段来获取网站中的用户输入。 但我的问题是,当我使用jquery获取div的内容时,用户在div中输入的所有空格都丢失了 所以,我想知道是否有任何方法可以保留内容可编辑div的所有空白 谢谢,div有一个默认的空白:normal;。它是如何消失的?你是如何获取/获取内容的?我认为换行也是一个问题 <div class="input" contenteditable="true">abc 123 def 456</div> <button
谢谢,div有一个默认的空白:normal;。它是如何消失的?你是如何获取/获取内容的?我认为换行也是一个问题
<div class="input" contenteditable="true">abc 123 def 456</div>
<button class="get">get</button>
$('.get').click(function(){alert($('.editable').text());});
abc 123 def 456
得到
$('.get')。单击(函数(){alert($('.editable').text();});
我在这里找到了答案:
内容可编辑元素的css样式应包含以下内容:
.content_editable_element {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
CSS属性
white space:pre
white space:pre在使用jquery获取div值时不起作用…我的浏览器是chromewhite=space
或white space
?您应该接受@iamio的答案。它还修复了Firefox中的一个奇怪行为,即可编辑的div
末尾的键入空格折叠代码>还可以防止文本换行