Как установить отдельное тело iframe на каждую страницу Textarea в просмотре, используя Textarea (kendo) [Настройка макс ⇐ Jquery

[Anonymous]

Я работаю над проектом, который содержит несколько Textarea (Kendo Editor). Я хочу установить ограничение символа на каждую Textarea . Я пытался достичь этого, используя максимальную длину, настройку Keydown и фокусировку событие, но ничего не работает. Я не уверен, что из -за редактора Kendo или нет. Я получил ниже ссылку (редактор UI Kendo Max и минимальные символы) от того, что я прихожу к решению ниже, но это решение добавляет один элемент iframe для всех элементов Textarea . Событие keydown любого текста влияет на сообщение об ограничении символов всех элементов TextArea . Я ищу помощь в достижении работы с независимой TextAREA элементами.
html-код:



Heading 1 (0-100 character) *



@Html.Raw(Model.HeadingMessage1)


Heading 1 Character Count:


Heading 2 (0-100 character) *


@Html.Raw(Model.HeadingMessage2)

@*
Heading 2 Character Count:
*@


< /code>
$(document).ready(function () {
$(function HeadingMessage1Validation() {
var minChar = 1;
var maxChar = 100;
var iframe1 = $("iframe");
var HeadMsg1 = $("#HeadingMessage1").val();
var kendoDecode=htmlDecode(HeadMsg1);
var HtmltagReplace = removeTags(kendoDecode);
var CharCount = HtmltagReplace.length;

// Change event for iframe body content
iframe1.contents().find("body").on('keydown', function (e) {
// Clean up
textarea.disabled = true;

// Get Body (.text() strips out HTML tags)
var data = $(this).text();
if (this.which < 32) {
return; // Do nothing
}

var isEditKey = (e.keyCode == 8 || e.keyCode == 46);

if (data.length == maxChar && !isEditKey) {
$("#Head1textCount").text(data.length + " of Maximum Limit (100 Character) Warning : Maximum Limit Reached");
e.preventDefault();
} else if (data.length > maxChar) {
// Maximum exceeded
$(this).text(data.substring(0, maxChar));
} else if (data.length < minChar) {
$("#Head1textCount").text(data.length + " of Maximum Limit (100 Character)");
} else {
$("#Head1textCount").text(data.length + " of Maximum Limit (100 Character)");
}
});

// OnLoad call to get starting count
$("#Head1textCount").text(CharCount + " of Maximum Limit (100 Character)");
});
});


Подробнее здесь: https://stackoverflow.com/questions/796 ... xtareakend