Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1 +1,3 @@
# HTML_Editor
# HTML_Editor
https://surya4785.github.io/CODE_Editor/

18 changes: 1 addition & 17 deletions app.js
Original file line number Diff line number Diff line change
Expand Up @@ -48,8 +48,6 @@ let h3=h2.getElementById("style");

}



function copy_js(){
let content=document.getElementById("area3").value;
return content;
Expand All @@ -67,9 +65,6 @@ let h3=h2.createElement("script");

}




// function js(){
// let iframe = document.getElementById("iframe");
// let iframeDoc = iframe.contentDocument || iframe.contentWindow.document; // Ensure compatibility
Expand All @@ -85,19 +80,12 @@ let h3=h2.createElement("script");
// }






function run(){
html();
css();
js();
}




document.getElementById("btn").addEventListener("click",run);


Expand Down Expand Up @@ -147,13 +135,9 @@ function left(){
cs.style.height="30px";

let js=document.getElementById("js1");
js.style.height="30px";


js.style.height="30px";
}



function right(){
console.log("Right");
}
Expand Down
58 changes: 8 additions & 50 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,13 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">


</head>
</head>
<body >


<div class="nav">
<div class="nav">
<nav class="nav" >
<button id="btn" class="btn1 b2" >Run</button>
<button class="btn1 b2" >Save</button>
Expand All @@ -28,17 +24,8 @@
<button class="btn1 b2" >Login</button>
</nav>
</div>




<div class="box" id="box">





<div id="container" >
<div class="box" id="box">
<div id="container" >

<div class="main_html">
<div class="html "><div class="html1" id="html1" >Html</div></div>
Expand All @@ -47,9 +34,7 @@

</textarea></div>
</div>


<div class="css_html">
<div class="css_html">
<div class="css "><div class="css1" id="css1" >CSS</div></div>
<div class="textarea"> <textarea id="area2" class="area" ></textarea></div>
</div>
Expand All @@ -60,37 +45,10 @@
</div>
</div>





<div class="ifram">
<iframe id="iframe" src="run.html"></iframe>
</div>




</div>


















<script src="app.js" ></script>
</div></div>
<script src="app.js" ></script>

</body>
</html>
</html>
54 changes: 8 additions & 46 deletions index2.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,13 +5,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="left.css">


</head>
<body >
</head>
<body >


<div class="nav">
<div class="nav">
<nav class="nav" >
<button id="btn" class="btn1 b2" >Run</button>
<button class="btn1 b2" >Save</button>
Expand All @@ -29,16 +26,8 @@
</nav>
</div>




<div class="box">





<div class="container">
<div class="box">
<div class="container">

<div class="main_html">
<div class="html "><div class="html1">Html</div></div>
Expand All @@ -57,37 +46,10 @@
</div>
</div>





<div class="ifram">
<iframe id="iframe" src="run.html"></iframe>
</div>




</div>


















<script src="app.js" ></script>
</div></div>
<script src="app.js" ></script>

</body>
</html>
</html>
22 changes: 0 additions & 22 deletions left.css
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,6 @@ body{

}


#container{
display:flex;
width:90%;
Expand All @@ -17,16 +16,12 @@ body{
justify-content: center;
border:2px solid black;



}
.main{
display:block;
align-items: center;
}



.b1{
background-color: rgb(199, 211, 221);
border:2px solid black;
Expand All @@ -36,8 +31,6 @@ body{

}



h3{
text-decoration:bold;
font-size:1.3rem;
Expand All @@ -51,8 +44,6 @@ textarea{

}



#iframe {
width: 100%;
height: 95%;
Expand All @@ -64,13 +55,6 @@ textarea{

}








@media (max-width:500px) {
.container{
display:flex;
Expand All @@ -79,10 +63,8 @@ textarea{
background-color: aquamarine;
flex-direction: column;


}


.b1{
background-color: rgb(199, 211, 221);
border:2px solid black;
Expand All @@ -94,7 +76,6 @@ textarea{

}


.outerbox{
display: flex;
flex-direction: column;
Expand Down Expand Up @@ -185,7 +166,6 @@ textarea{

}


.html{
display:flex;
}
Expand Down Expand Up @@ -252,5 +232,3 @@ textarea{
#area3:focus {
border:3px solid aquamarine;
}


17 changes: 0 additions & 17 deletions right.css
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,6 @@ body{
grid-template-columns:1fr 1fr 0.4 0.4fr;
}




#container{
grid-column: 3/4;
display:flex;
Expand All @@ -19,16 +16,12 @@ body{
justify-content: center;
border:2px solid black;



}
.main{
display:block;
align-items: center;
}



.b1{
background-color: rgb(199, 211, 221);
border:2px solid black;
Expand All @@ -38,8 +31,6 @@ body{

}



h3{
text-decoration:bold;
font-size:1.3rem;
Expand Down Expand Up @@ -73,12 +64,6 @@ textarea{
}








@media (max-width:500px) {
.container{
display:flex;
Expand All @@ -90,7 +75,6 @@ textarea{

}


.b1{
background-color: rgb(199, 211, 221);
border:2px solid black;
Expand All @@ -110,7 +94,6 @@ textarea{

}


textarea{
font-size: 18px;
}
Expand Down
5 changes: 2 additions & 3 deletions run.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,14 +4,13 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style id="style" >
<style id="style">

</style>

</head>
<body id="body">


</script>
</body>
</html>
</html>
Loading