2016-07-28 53 views
0

Ich habe eine Frage. Ich habe editierbares Plugin in octobercms Projekt verwendet. Ich kann das in der Dokumentation nicht finden. Wie kann ich die Länge der Zeichen in meinem Inhalt in HTML begrenzen? Wenn es keinen Weg gibt, wie kann ich das mit JavaScript tun? Ich habe versucht, Code wie diesen zu verwenden, aber ich bin tief in JavaScript.Beschränken Sie die Länge der Zeichen in htm in Javascript

var x = document.getElementById('gallery'); 
    var tekst= x.outerText; 
    console.log(tekst); 
    console.log(x.outerText.length); 
    if (x.outerText.length > 150) { 

    var trimmedString = tekst.substring(0, 150); 
document.getElementById('gallery').outerText = trimmedString; 
    } 

Aber jetzt diesen Text nicht verwenden dic und Klassen und bearbeitbar. Was kann ich tun, um das zu beheben?

+0

'Wie kann ich die Länge der Zeichen in meinem Inhalt in htm begrenzen ... weniger Tastenanschläge, wenn Sie das HTML erstellen? –

+0

was ist mit Teilzeichenfolge? – moped

+0

Dies ist nicht HTLM seine HTM und ich kann diese HTM mit Plugin bearbeiten https://Octobercms.com/Plugin/rainlab-editable – Adrian

Antwort

0

Vielleicht sollten Sie es stattdessen im HTML tun.

<form action="demo_form.asp"> 
    Username: <input type="text" name="usrname" maxlength="10"><br> 
    <input type="submit" value="Submit"> 
</form> 

http://www.w3schools.com/tags/att_input_maxlength.asp

+0

Alternativ können Sie dies überprüfen. http://stackoverflow.com/questions/2867479/limiting-number-of-characters-in-a-connteteditable-div – Danieboy

+0

Dies ist nicht Eingabe Dies ist ein Dokument, das ich mit Plugin bearbeiten kann – Adrian

0

können Sie setzen nur maxlength="10" für maxlength wird es den Cursor für die Eingabe nach 10 Zeichen zu stoppen.

+0

Dies ist keine Eingabe – Adrian

+0

diese Datei hat nur

Etwas Text

und ich kann dies vom Plugin bearbeiten – Adrian