Try it yourself application for teachers and students to test HTML, CSS, Javascript, PHP code

PaulMeuris

Active Member
Licensed User
In the website w3schools.com you can find a Try it Yourself editor to test code examples online.
With this application you can write code (HTML, CSS, Javascript, PHP, …) and test the output in a webview offline.
1682835638003.png

The application uses a splitpane and in each panel tabpages. Each left tabpage contains a webview showing the contents of the code from the right panel tabpage.
Each right tabpage contains a webview with a code editor textarea (CodeMirror).
1682835707823.png

You can organize files in workspaces. You can change the theme of the editor (dark or light).
You can read more in the attached documentation.
As usual, you can find the source code in the attached file.
Happy coding!
 

Attachments

  • tryityourself.zip
    205.3 KB · Views: 111
  • tryityourself.pdf
    186.6 KB · Views: 127
Top