2016-05-26 10 views
0

Benötigen Sie Hilfe hier ...Wie Sie HTML-Tags schließen, die vom Benutzer eingegeben wurden. dh Schließen des Tags automatisch

Wie HTML-Tags von einem Benutzer eingegeben ??

Angenommen, tippt er:

<html> 

Ich möchte das Programm um es schließen mag:

<html></html> 

ein anderes Beispiel

Eingang: <body>

Ausgang: <body></body>

EDIT:

Angenommen, der Benutzer schreibt fortlaufend .. (Codierung HTML) die er hätte eingegeben, und ich will es dann schließen und dort)

meine bearbeiten Wrapping up:

ich das Programm schließen hTML-Tags wollen, wie es in jsfiddle passiert ..

Hoffnung i war klar mit der Frage ...

Vielen Dank im Voraus,

Sangamesh

+0

ich nur für einige ideas.or Suche aus einige Open-Source-Parsen –

+0

irgendwelche Ideen, wie man dies mit js oder jquery erreichen kann. –

+0

Starten von [input event] (https://developer.mozilla.org/en-US/docs/Web/Events/input), kombinieren die Veranstaltung mit [Textarea Int erface] (https://developer.mozilla.org/en-US/docs/Web/API/HTMLTextAreaElement) ... – Teemu

Antwort

0

Wenn Sie für die automatische Tag schließen möchten, welche wirklich Zeit und Fehler Verwendung speichern editor.If Sie ein Linux-Benutzer verwenden erhaben oder atom.If sind, sind Sie ein Windows-Benutzer Verwenden Sie editplus.Wenn Sie MAC verwenden cotector.These sind auch dienen guten Ersatz für Standard-Texteditor.

+0

Ich frage, wie man Tags automatisch schließt..ich frage nicht, wo ich das bekommen könnte .. Ich frage "wie" –

0

Sie können etwas aufstellen, das das Element in sich analysiert. Angenommen, eine Zeichenfolge ist ein Array von Zeichen. Daher können Sie die Zeichenfolge ab Index 1 (zweites Zeichen) und dann bis zum vorherigen Zeichen vor dem letzten Element abschneiden. Wir erwarten, dass das erste Zeichen in Index 0 < ist und das letzte Zeichen im Index (varname.length)> ist, daher trimmen wir es von Index 1 auf den Index varname.length - 1, um zu extrahieren, was sich innerhalb der <> befindet und um den Elementnamen zu erhalten, der zurückgegeben werden soll.

Als Pseudo-Code:

// say the user's input was assigned to variable inputValue 
var elementName = inputValue.substring(1, length-1); 
// Now element's name holds what's inside the brackets <xxx> 
var finalReturn = inputValue + "</" + elementName + ">"; 
0

1) Erstellen Sie das DOM-Element

2) Get HTML von DOM-Element

$("<html>")[0].outerHTML 
//"<html></html>" 

$("<table><tr><td>hi<td>hi")[0].outerHTML 
//"<table><tbody><tr><td>hi</td><td></td></tr></tbody></table>"