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

Question

我有一个表单，用户（我公司的员工）可以输入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 = '<a href="'+document.getElementById('userInput').value+'">'+urlName+'</a>';

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

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

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

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

提前感谢您的帮助。