JavaScript源代码的简单实时代码编辑器.zip

共3个文件

js：1个

html：1个

css：1个

1.该资源内容由用户上传，如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款（资源遇到问题，请及时私信上传者）

版权申诉

0 下载量 82 浏览量 2022-06-29 01:05:02 上传评论收藏 3KB ZIP 举报

温馨提示

JavaScript源代码的简单实时代码编辑器

资源详情

资源评论

资源推荐

收起资源包目录

JavaScript源代码的简单实时代码编辑器.zip （3个子文件）

Simple Live Code Editor using JavaScript

index.html 2KB

style.css 3KB

script.js 2KB

共 3 条

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Live Code Editor</title> <meta name="description" content="This is an online code editor for html css and javascript. "> <meta name="robots" content="index, follow"> <meta name="author" content="David Mungai"> <meta name="keywords" content="Live code editor, online code editor, live html editor, live css editor, live javascript editor"> <link rel="stylesheet" href="style.css" /> </head> <body> <div class="header-wrap"> <h1>Live Code Editor</h1> </div> <div id="ide-parent"> <div id="button-wrapper"> <button onclick="switchPanel(0)">HTML</button> <button onclick="switchPanel(1)">CSS</button> <button onclick="switchPanel(2)">js</button> <button onclick="runEdit(3)">Result</button> </div> <div id="ide-container"> <div class="panel-wrapper"> <div id="html"></div> </div> <div class="panel-wrapper"> <div id="css"></div> </div> <div class="panel-wrapper"> <div id="js"></div> </div> <div class="panel-wrapper"> <iframe id="result"></iframe> </div> </div> </div> <div class="description"> <p>This code editor only works if you are connected to an internet.</p> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.11/ace.js" type="text/javascript" charset="utf-8"></script> <script src="script.js"></script> </body> </html>