制作javascript/html/css编辑器
我正在尝试制作一个html/css/javascript在线编辑器,因此我创建了一个文本区域来编写代码,并创建了一个Iframe来显示它,这就是html:制作javascript/html/css编辑器,javascript,Javascript,我正在尝试制作一个html/css/javascript在线编辑器,因此我创建了一个文本区域来编写代码,并创建了一个Iframe来显示它,这就是html: <textarea id="code"></textarea> <iframe id="output"></iframe> <button id="submit-b">submit</button> 它可以编辑html和Css,但不能编辑JavaScript,
<textarea id="code"></textarea>
<iframe id="output"></iframe>
<button id="submit-b">submit</button>
它可以编辑html和Css,但不能编辑JavaScript,我如何才能做到这一点?为什么不使用代码镜像 以下是此框架如何实现的示例: 它对我有效:。 在文本区域中输入如下内容:
<script>alert('Boo!');</script>
警报('Boo!');
您将收到一个Javascript警报
也就是说,为什么不根据您的需要使用现有的编辑器之类的东西呢?解决方案是使用纯javascript代码,即:
function update()
{
var w = document.getElementById("code").value;
document.getElementById('output').contentWindow.document.write(w);
}
因为jquery代码附加了文本区域值,而没有
和
标记为什么不使用现有的编辑器之类的东西,这取决于你的需要?我想要这个编辑器不是为我而设,我想要它作为我大学的毕业设计,所以我必须制作它,我有3天我想要这个编辑器不是为我准备的我想把它作为我大学的毕业设计,所以我必须让它成为我的毕业设计,我还有3天谢谢你不,在你的JSFIDLE示例中,它对我不起作用,试着输入一个完整的html页面,比如:我的第一个JavaScript点击按钮显示日期。试试它的函数myFunction(){document.getElementById(“demo”).innerHTML=Date();}这将不起作用,请尝试:
function update()
{
var w = document.getElementById("code").value;
document.getElementById('output').contentWindow.document.write(w);
}