Javascript - количество символов привязанного тега

Question

В принципе, я хочу создать функцию, которая будет искать строку для привязывающего тега, когда она найдет ее, посчитав символы между ними и вернув это число. Я делаю это для редактора, который подсчитывает количество символов в текстовом поле, потому что у textarea есть ограничение, которое может ввести пользователь, и я не хочу, чтобы символы в ссылке подсчитывались против этой суммы.

Если у меня есть это в текстовое поле:

This is what it looks like here <a href="http://www.bmhl.com">Placeholder</a>. Please click the link to go to the page. 

Есть 32 символов до к якорю, 11 между ними и 42 после того, как в общей сложности 85. В теге привязки там 34 символов, которые я не хочу идти к счету.

Надеюсь, что имеет смысл.

Answer 1

Почему вы хотите просто раздеться только теги анкерные? Вы можете посмотреть на this question. Вот измененный ответ, чтобы вернуть длину некоторого html-кода.

function plainTextLength(html) { 
    var tmp = document.createElement("div"); 
    tmp.innerHTML = html; 
    var txt = tmp.textContent||tmp.innerText; 
    return txt.length; 
} 

Это также работает для вашего примера выше.

Answer 2

Если вход должен быть строкой:

function getLength (string) { 
    return string.match(/<a[^>]+>([^<]+)<\/a>/)[1].length 
} 

Answer 3

var a = document.getElementById('link'); 
var b = a.outerHTML.length - a.innerHTML.length; 

Я не проверял, но он может работать.

Answer 4

Не exactely уверены, что вам нужно, но эта функция возвращает 11 для примера текст:

function count(textareaInput) { 
    var count = 0; 
    $(textareaInput).filter('a').each(function() { 
    count += $(this).text().length; 
    }); 
    return count; 
} 

Answer 5

Вы можете использовать что-то вроде этого:

$('textarea').keyup(function() { 
    $('#count').text(this.value.replace(/<\/?a\s*[^>]*>/g, '').length); 
}); 

See working demo.