我在我的网站上使用可编辑的div作为获取用户输入的字段。但是我的问题是,当我使用jquery获取div的内容时,用户输入的所有空格都会丢失?
所以,我想知道是否有任何方法可以保留可编辑的div中的所有空格?
谢谢
所以,我想知道是否有任何方法可以保留可编辑的div中的所有空格?
谢谢
.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+ */
}
white-space: pre;
也可以防止文本换行。 - Keysox<div class="input" contenteditable="true">abc 123 def 456</div>
<button class="get">get</button>
$('.get').click(function(){alert($('.editable').text());});
的英文含义是:{{链接1:JSFiddle}}
。其中,保留了HTML格式不变,并且不对内容进行解释。
white-space: pre
表示保留 HTML 中的空白符号,文本将按照源代码中的格式显示。这个属性可以用于在网页中显示预格式化文本,比如代码块。 - jonhopkinswhite=space
还是white-space
? - jonhopkinsdiv
末尾输入空格导致折叠的奇怪行为。 - Josh