hi i was wondering if someone could help me i want to split a block of text into sentences then split the sentence into words, i have managed to split the text sentence by sentence but i can not figure out how to split the sentences into words. i know if you replace “input.text.split(‘\r?\n’)” the bracket values with space and it would split the text into word for word but i want it first to split the text sentence by sentence then word by word so that i can add custom styles. code is below , thanks in advance. p.s each sentence has a line break.
<script type="text/javascript">
var parser = {
outputString: '',
subtitle: function(input) {
var words = input.text.split('\\r?\\n');
var duration = input.end - input.start;
var timeStep = duration/words.length;
for (var i=0, l=words.length; i<l; ++i) {
var time = Math.round((input.start + i*timeStep) * 1000);
var text = words[i];
var safeText = text.replace('"', '\\"');
parser.outputString += '<span class="arabic" m="'+time+'" oval="'+safeText+'">'+text+'</span>';
} //for
return parser;
}, //subtitle
}; //parser
document.addEventListener('DOMContentLoaded', function(e) {
var parsed = document.getElementById('parsed');
parsed.style.width = window.innerWidth - 10 + "px";
parsed.style.height = window.innerHeight - 10 + "px";
parsed.value = '<div id="sura-body">' + parser.outputString + '</div>';
}, false);
</script>
<script type="text/javascript" src="paneltext_da.js"></script>
</head>
<body>
<textarea id="parsed"></textarea>
</body>
</html>
i still can not figure out how to add the html “<p>” to each sentence the data format am using is json. can some one help. thanks
.subtitle({
start: 6.057,
end: 9.07,
text: "Det er et af de vigtigste værktøjer i hverdagen.",
target: "subtitlediv"
})
.subtitle({
start: 9.07,
end: 15.02,
text: "Det er i browseren vi læser nyheder, ser TV, checker email, snakker med venner, shopper, booker billetter -",
target: "subtitlediv"
})
.subtitle({
start: 15.02,
end: 18.08,
text: "Tusindvis af de ting vi efterhånden gør på nettet.",
target: "subtitlediv"
})
.subtitle({
start: 18.081,
end: 23.021,
text: "Derfor er det også vigtigt hvilken browser vi bruger, og hvordan den virker.",
target: "subtitlediv"
})
I have refactored your function and i hope it will help you out. Check out the link below.
http://jsfiddle.net/Rdz3s/