问题在于,从技术上讲,浏览器只应在遇到一系列空白时才渲染空间.因此,一系列空格和制表符将在内容中呈现单个空格.
通常为了防止这种情况,你会使用:
white-space: pre;
保留所有空白区域.
问题是,即使您将此CSS应用于原始内容区域,它也不会在复制内容时保留空白区域(尽管如果您显示隐藏内容,它会在显示中显示). Example on JS Fiddle.
也许你可以使用更多的数据格式来存储DOM中的数据?
例如:
{
salesArea: "560 sq ft (52.02 m²)",ancillaryStorage: "678 sq ft (62.99 m2)",notes: "separate W.C./Cloakroom",total: "1,238 sq ft (115.00 m2)"
}
然后,你可以使用这些数据,因为你可以使用这些数据……在JSON website的帮助下.
例如,您可以创建一个具有正确输入的表单(这只是一个示例,因此设计不多,它只显示可能的内容).
var originalContent = $("#contentTextOriginal").text();
var jsonData = eval('(' + originalContent + ')');
var dynamicForm = '';
for (var key in jsonData) {
if (jsonData.hasOwnProperty(key)) {
dynamicForm += '
' + key + '
';}
}
$("#contentTextOriginal").after(dynamicForm);