如何关闭用户输入的html标签。即自动关闭标签

时间:2016-05-26 16:57:21

标签: javascript jquery html

在这需要一些帮助...

如何关闭用户输入的html标签?

假设他输入:

<html>

我希望程序关闭它:

<html></html>

另一个例如,

输入:<body>

输出:<body></body>

编辑:

假设用户正在不断输入..(编码html)。我如何获取他的代码然后在他打开标签后立即将其关闭..(他会输入很多标签,我希望它关闭然后那里)

结束我的编辑:

我希望程序关闭html标签就像它在jsfiddle中发生..

希望我对这个问题很清楚......

提前致谢,

Sangamesh

3 个答案:

答案 0 :(得分:0)

如果你希望自动标签关闭真正节省时间和错误使用编辑器。如果你是一个linux用户使用sublime或atom.If你是一个Windows用户使用editplus。如果你使用MAC使用coteditor。这些也是服务正确替换默认文本编辑器。

答案 1 :(得分:0)

你可以提出一些单独解析into元素的东西。假设一个字符串是一个字符数组,因此您可以从索引1(第二个字符)开始修剪字符串,然后修剪到最后一个元素之前的前一个字符。我们期望索引0中的第一个字符是&lt;并且索引中的最后一个字符(varname.length)为&gt;,因此我们将它从索引1和索引varname.length - 1中删除,以提取&lt;&gt;内的内容。并获取要返回的元素名称。

作为伪代码:

// 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 + ">";

答案 2 :(得分:0)

1)创建DOM元素

2)从DOM元素

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

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