如何使用javascript创建自定义HTML代码生成器

Question

我想使用javascript或jquery为某些html代码创建HTML代码生成器。所以它将是一个静态网页

例如，这是我的HTML代码

<a href="home.html">Link name</a>

因此，如果用户将其链接名称放在输入表单中，则textarea中的结果代码将根据此输入显示。

所以如果我输入mido，结果将是

<a href="home.html">mido</a>

如果有jquery插件会很棒

Answer 1

只需手动使用事件即可。有jsFiddle up here。

Input your link name: <input onchange="document.getElementById('changed_link').innerText = this.value" />
<br /> <a id="changed_link" href="home.html"></a>

如果您希望它是即时的，请替换onchange with onkeyup。