Live Code Previewer

Live Code Previewer a Windows 10 app that allows users to write and preview HTML, CSS, and JavaScript code in real-time. The app features a side-by-side layout where users can input code on the left side and instantly preview it on the right side in a webview.

Features:

• Live Code Preview: As you type HTML content in the left-hand text area, the webview on the right automatically updates to show the rendered output.
  
• Debugger: Enable or disable the debugger.
• Manual Update Option: You can disable live updating by unchecking the "Toggle Live Updating" checkbox. In this mode, the webview is updated only when you click the "Load in Webview" button.
• HTML, CSS, and JavaScript Support: You can input not just HTML, but also include CSS and JavaScript directly in the text area for live rendering.
• Local File Support: Local images/scripts/etc work relative to the app folder or using absolute paths (see "Local File Support" below for details).

Local File Support:

Local images/scripts/etc will work relative to the app folder and by a direct file path.

Example of a relative path if placing LiveCodePreviewer.exe in your project folder:

• c:\folder\LiveCodePreviewer.exe
• c:\folder\my_image.png or c:\folder\images\my_image.png
• In your html code img source you would put src="my_image.png" or src="images/my_image.png"

Example of absolute paths in HTML:

• This Does not require moving LiveCodePreviewer.exe
• In your html img source you can put src="c://folder/my_image.png" or src="c://other_folder/sub_folder/my_image.png"

This is a free and open source project, the source code is available on github https://github.com/non-npc/Live_Code_Previewer