So legen Sie mit TextArea(Kendo) einen separaten IFRAME-Körper für jeden TextArea in der Ansichtsseite fest [Einrichten ⇐ Jquery

[Anonymous]

Ich arbeite an einem Projekt, das mehrere Textbereiche enthält (Kendo-Editor). Ich möchte eine Zeichenbeschränkung für jeden Textbereich festlegen. Ich habe versucht, dies mit max length zu erreichen, indem ich keyDown und das focus-Ereignis festlege, aber nichts funktioniert. Ich bin mir nicht sicher, ob das am Kendo-Editor liegt oder nicht. Ich habe den folgenden Link erhalten (Kendo UI Editor maximale und minimale Zeichen), über den ich zur folgenden Lösung komme, aber diese Lösung fügt ein einzelnes iframe-Element für alle textarea-Elemente hinzu. Das keydown-Ereignis eines beliebigen Textbereichs wirkt sich auf die Zeichenbegrenzungsmeldung aller textArea-Elemente aus. Ich suche Hilfe bei der Arbeit mit unabhängigen Textarea-Elementen.

Code: Select all

$(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)");
});
});

Code: Select all

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: 
 *@