Форум Сайтостроение Веб-строительство

Подсчет символов в <textarea>

GD
На сайте с 29.08.2008
Offline
47
GOoDokerok
699

Каким образом можно подсчитать кол-во символов в textarea, если уже занято WYSIWYG редактором TinyMCE? В самом редакторе нашел только функцию подсчета слов, а нужны символы.

onKeyUp не помогает.

W
На сайте с 08.05.2013
Offline
2
webement
#1

str = document.getElementById('ID_поля').value;

А показываем на onKeyUp;

GD
На сайте с 29.08.2008
Offline
47
GOoDokerok
#2
webement:
str = document.getElementById('ID_поля').value;

А показываем на onKeyUp;


id="fff" onKeyUp="document.getElementById('count').innerHTML = 'Введено: '+ document.getElementById('fff').value.length +'; Осталось: ' + (1000 - document.getElementById('fff').value.length)"

<div id="count">Введено: 0; Осталось: 1000</div>

Как это реализовать? Сейчас так, вместе с TinyMCE не работает, если отдельно работает.

W
На сайте с 08.05.2013
Offline
2
webement
#3

<textarea id="htmlarea" name="content" cols="8" rows="40" class="i-textarea" onMouseMove="get_strlen();" onkeyup="get_strlen();"></textarea>

Символов в тексте новости: <span id="content_len">0</span>.

<script>

function get_strlen()

{

var str = document.getElementById('htmlarea').value;

if (str.length < 35000)

{

return document.getElementById('content_len').innerHTML = str.length;

}

else

{

return document.getElementById('content_len').innerHTML = '<font color="red">' + str.length + ' (превышен лимит)</font>';

}

}

</script>

В качестве примера.

GD
На сайте с 29.08.2008
Offline
47
GOoDokerok
#4
webement:
<textarea id="htmlarea" name="content" cols="8" rows="40" class="i-textarea" onMouseMove="get_strlen();" onkeyup="get_strlen();"></textarea>

Символов в тексте новости: <span id="content_len">0</span>.
<script>
function get_strlen()
{
var str = document.getElementById('htmlarea').value;
if (str.length < 35000)
{
return document.getElementById('content_len').innerHTML = str.length;
}
else
{
return document.getElementById('content_len').innerHTML = '<font color="red">' + str.length + ' (превышен лимит)</font>';
}
}
</script>


В качестве примера.

Пробовал Ваш вариант. Вместе с TinyMCE не работал.

RO
На сайте с 13.07.2009
Offline
88
RedOK
#5

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

https://google.com/search?q=tinymce+char+count+plugin

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий