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
In the HTML file, inside the
head
tag, add the following tags with the CDN links topyscript.js
andpyscript.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.
Add a
py-script
tag to the body of the HTML file.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.
Supported PyScript tags
Here is the list of PyScript tags supported by PyCharm: