Codewith.it
Codewith.it is a tool with which you can create HTML pages very easily and quickly, also integrating JavaScript code and CSS rules.
The graphical interface has been designed to make the developer's work simple and intuitive possible and with few distractions and many useful work tools.
Use the editor to create entire HTML pages, sketches, scripts or embeddable .css or .js resources
Codewith.it 7 | Simone Bernardo
© Copyright 2019-2026 - All rights reserved
BytePost partner site
cookie Policy
Privacy information and cookies
We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy
Click on “Agree” to confirm.
collections Upload images
This tool allows you to integrate images converted into dataURI. The images will not be uploaded to our server, but they can still be used as an external resource.
Attention! Maximum 6 images allowed. Image quality will be reduced.
How it works?
To integrate images into your html file, simply upload them with this tool to generate a shortcode, to be used in place of URLs.
Example: <img src='[img1]' />
Converted images
save Save File
Type the file name and save in your folder.
auto_awesome Codebot AI
Generate and edit content with artificial intelligence.
help How to use AI
AI can make mistakes. Do not include sensitive data
sticky_note_2 Notes
keyboard Command list
ALT+↑Move line upALT+↓Move line downALT+ClickMultiple cursorALT+SHIFT+\Default mode HTML+CSS+JSALT+SHIFT+1Focus HTML modeALT+SHIFT+2Focus CSS modeALT+SHIFT+3Focus JavaScript modeALT+SHIFT+RSwitch editor layout (horizontal/vertical)CTRL+ Frame mouse overInspect elements on iframeCTRL+ASelect allCTRL+ALT+ENTERRun codeCTRL+CCopy textCTRL+DCorrespondence matchingCTRL+ENTERInsert line belowCTRL+FPerform text searchCTRL+GGo to lineCTRL+K > CTRL+CAdd/Remove commentCTRL+LSelect rowCTRL+SHIFT+ENTERInsert line aboveCTRL+SpazioOpen help windowCTRL+ùAdd/Remove commentCTRL+VPaste textCTRL+XDelete rowSHIFT+ALT+↑Duplicate line aboveSHIFT+ALT+↓Duplicate line belowSHIFT+TABAutomatic code indentation
account_circle Log in to Codewith.it
code Resources
Paste the URL of a JS and CSS resource to embed it in your document.
You can use your own files by adding .js or .css as the URL extension, or use libraries provided by CDNJS.
e.g. https://codewith.it/p/bAufHR.css
How it works?
Import external JS or CSS resources directly from here via their URL.
You can change the file loading order with the appropriate button ☰