Как сделать подсчет слов, содержащий html-теги, используя javascript?

Question

Привет, я хотел бы сделать число слов в RTE (Rich Text Editor) с помощью javascript, которое также может использоваться с jquery. Но он не должен считать html-теги и повторять пробелы.

Образец текста:

<p>11 22&nbsp; 33</p><p>44</p>5<br></div>

Javascript должен отображать 5 только.

Есть ли какой-либо javascript-код для этого, а также быстрый способ подсчета количества слов?

Спасибо!

Answer 1

Попробуйте что-то вроде этого: Вы получаете HTML в DIV затем удалить все теги и заменить их пробелами. Вы удаляете (обрезаете) все левое и правое пространства и, наконец, разделите строку на массив. Длина - ваш ответ.

var cont = $("#content").html(); 
 
cont = cont.replace(/<[^>]*>/g," "); 
 
cont = cont.replace(/\s+/g, ' '); 
 
cont = cont.trim(); 
 
var n = cont.split(" ").length 
 
alert(n);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="content"> 
 
<p>11 22&nbsp; 33</p><p>44</p>5<br></div>

Answer 2

Вы можете использовать Countable.js для подсчета живых слов, хотя он не игнорирует HTML-теги.

Answer 3

var words = []; 
 
    function getWords(elements) { 
 
    elements.contents().each(function() { 
 
     if ($(this).contents().length > 0) return getWords($(this)); 
 
     if ($(this).text()) words = words.concat($(this).text().split(" ")); 
 
    }) 
 

 
    } 
 

 
    getWords($('<div>').html('<p>11 22&nbsp; 33</p><p>44</p>5<br></div>')); 
 
    console.log(words,words.length);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 4

Вы можете сделать что-то хитрое с помощью JQuery, создав элемент с содержимым.

var str = '<p>11 22&nbsp; 33</p><p>44</p>5<br></div>'; 
 

 
var len = 0; 
 
// create a temporary jQuery object with the content 
 
$('<div/>', { 
 
    html: str 
 
    }) 
 
    // get al child nodes including text node 
 
    .contents() 
 
    // iterate over the elements 
 
    .each(function() { 
 
    // now get number or words using match and add 
 
    len += (this.textContent.match(/[\w\d]+/g) || '').length; 
 
    }); 
 

 
console.log(len);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>