Sto creando un sito Web in due colonne, a sinistra, è possibile scrivere e visualizzato a destra con un design speciale.
Il fatto è che vorrei consentire un'interruzione di linea sul lato destro, ma non viene visualizzata. Come potrei farlo?
Ecco un'anteprima del mio disegno. Per vedere l'immagine completa, ecco un >Fiddle HEREConsenti interruzione di riga con javascript + LivePreview
function wordsinblocks(self) {
var demo = document.getElementById("demo"),
initialText = demo.textContent,
wordTags = initialText.split(" ").map(function(word) {
return '<span class="word">' + word + '</span>';
});
demo.innerHTML = wordTags.join('');
self.disabled = true;
fitWords();
window.addEventListener('resize', fitWords);
}
$(function() {
$('textarea.source').livePreview({
previewElement: $('p#demo'),
allowedTags: ['p', 'strong', 'br', 'em', 'strike'],
interval: 20
});
});
window.onload = wordsinblocks(self);
function fitWords() {
var demo = document.getElementById("demo"),
width = demo.offsetWidth,
sizes = [7.69230769230769, 23.07692307692307, 46.15384615384614, 100],
calculated = sizes.map(function(size) {
return width * size/100
}),
node,
i,
nodeWidth,
match,
index;
for (i = 0; i < demo.childNodes.length; i++) {
node = demo.childNodes[i];
node.classList.remove('size-1', 'size-2', 'size-3', 'size-4');
nodeWidth = node.clientWidth;
match = calculated.filter(function(grid) {
return grid >= nodeWidth;
})[0];
index = calculated.indexOf(match);
node.classList.add('size-' + (index + 1));
}
}
Se si digita un'interruzione di riga HTML
a sinistra, viene visualizzata nell'anteprima. – kizeloo
Non sul mio. http://www.o-y-o.fr/simon/goo.jpg. Ma mi piacerebbe evitare la scrittura HTML :) – Yagayente
Provalo con maiuscolo
e nessuno spazio tra, e lo sarà. Non ti aiuta comunque, tranne che per cercare di rintracciare il problema, forse. – kizeloo