2014-03-06 71 views
0

我试图将contenteditable数据保存到JavaScript数组。每一个新的行应该是一个数组项从contenteditable清洁Html

首先我清理了铬合金的html:

html = html 
//empty line looks like this: 
.replace(/<div><br\s*[\/]?><\/div>/gi,'') 
//Chrome wraps each line in a div 
.replace(/<div>/gi,'\n') 
.replace(/<\/div>/gi,'') 
//Sometimes chrome adds a break. 
.replace(/<br\s*[\/]?>/gi,''); 

后来我做的:

html.split("\n"); 

我只是在Firefox中进行测试,并且意识到他们通过添加休息来制作换行符。我甚至没有看过Internet Explorer。

是否有一种更通用的方法或经过充分测试的方式来提取文本的行作为从html分隔的新行 - carachter文本?

+0

我真的没有得到这个问题 – steo

+0

澄清的问题 – Himmators

回答

1

试试这个:

HTML

<div id="container" contenteditable=true></div> 

JAVASCRIPT

var container = document.getElementById('container'); 
container.onblur = function() { 
    console.log(this.innerText.split('\n')); 
} 

的jsfiddle:http://jsfiddle.net/EZLhF/