PyCharm 2023.3 Help

PyScript

PyScript is a framework that allows you to create Python applications in the browser using HTML interface.

PyCharm provides basic code completion and validation for Python code in an HTML file written using PyScript.

Add Python code to HTML file using PyScript

  1. In the HTML file, inside the head tag, add the following tags with the CDN links to pyscript.js and pyscript.css:

    <link rel="stylesheet" href="https://pyscript.net/latest/pyscript.css"/> <script defer src="https://pyscript.net/latest/pyscript.js"></script>

    You can use the Download library quick fix to store these files locally.

  2. Add a py-script tag to the body of the HTML file.

  3. Add Python code to the py-script tag. PyCharm will highlight the Python code inside this tag and provide code completion.

For the complete list of the PyScript tags supported by PyCharm, refer to Supported PyScript tags.

When you've added Python code to the HTML file, you can preview the output in a browser. For more information about previewing HTML files, refer to Viewing Pages with Web Contents.

Preview the output of Python code created with PyScript

Supported PyScript tags

Here is the list of PyScript tags supported by PyCharm:

Last modified: 07 March 2024