Considerando que eu tenho classes aleatórias, podendo ou não ter uma classe no parágrafo. Eu preciso colocar um parágrafo vazio, quando não houver um parágrafo vazio em cima do texto. Eu poderei receber textos nestes três formatos, sendo que o único que deverá receber um parágrafo a mais é o texto 3, pois ele não possui um parágrafo vazio em cima.
Obs: (com ou sem style e classe), o problema acontece por causa disso.
texto 1:
<p class="blablabla" style="" ></p>
<p>Nono nonono nonononono </p>
texto 2:
<p class="blobloblo"> </p>
<p>Nono nonono nonononono </p>
texto 3:
<p class="blublublu" style="" ><span>nono nonono no</span></p>
<p>Nono nonono nonononono </p>
Aqui está o método que eu tenho, só que tem um problema, ele não está pegando somente o primeiro parágrafo, daí eu não sei o que fazer para ele fazer o match só do primeiro parágrafo:
$scope.trustAsHtml = function(string) {
var result = $sce.trustAsHtml(string);
if (angular.isDefined(result)) {
result = result.replace(/\n/gim, '');
if (!result.match(/^<p(.*)?>(\s| )<\/p>/gim)) {
result = '<p class="paragraph-added"></p>' + result;
}
return result;
}
};
DOMParser
comvar el = domparsed.getElementsByTag('p');
e checar se existe o primeiro paragrafoel[0]
é vazio comel[0].textContent.trim() == ''
, já seria bem mais simples, então se não existir bastaria umvar novo = document.createElement('p'); p.innerHTML = ' '; domparsed.insertBefore(novo, domparsed.firstChild);