Posts

Showing posts with the label how to?

How to make editor with live changes of HTML, CSS and JS?

Image
Have you heard about Text editor with live changes of HTML , CSS and JAVASCRIPT ? Get a real-time connection to your output. Make changes to CSS and HTML and JS you'll instantly see those changes on screen. Number of that kind of editors are available online. In this article we will see how it works ? code is given below: HTML <table> <tr> <td> <pre id="html" class="content" contenteditable> </pre> </td> <td rowspan="3" id="Output"> <iframe id="output"></iframe> </td> </tr> <tr> <td> <pre id="css" class="content" contenteditable> </pre> </td> </tr> <tr> <td> <pre id="js" class="content" contenteditable> </pre> </td> </tr> </table> CSS pre::before{ font-size: 16px; content:...