创建HTML代码生成器的问题 - 纯文本和预览模式

时间:2012-09-28 16:27:19

标签: javascript html innerhtml

我有一个表单,用户(我公司的员工)可以输入URL和该URL的标题以获取生成的HTML代码。我知道每个用户都将使用Internet Explorer 8,因此我不需要担心跨浏览器兼容性。 我的问题是我似乎无法为代码构建“预览”区域,因此用户可以在使用代码之前查看最终结果。

Enter URL:</td><td><input size="26" type='text' id='userInput' />
Title: <input size="31" type='text' id='urlname' />

当他们单击提交按钮时,将调用GetURL()函数。输入存储在以下变量中:

var userInputURL = '&lt;a href&#61;"'+document.getElementById('userInput').value+'"&gt;'+urlName+'&lt;&#47;a&gt;';

然后在同一页面上使用innerHTML将该变量放置在textarea中,以便用户可以复制/粘贴代码以便在任何需要的地方使用。我还希望它在另一个区域显示为真正的HTML。我希望页面将URL转换为超链接,以便他们可以在使用之前查看最终结果。

document.getElementById('results').innerHTML = userInputURL;
document.getElementById('codepreview').innerHTML = userInputURL;

我不得不使用ASCII代码来解决Internet Explorer 8(用户将使用的唯一浏览器)中的运行时错误。我认为这是弄乱我的代码预览部分。如果我不使用ASCII字符,那么当用户点击提交按钮时,除了Javascript错误之外没有任何反应。

有人可以帮我构建预览部分吗?

提前感谢您的帮助。

0 个答案:

没有答案