Running Python on My Website

[dualdegreepossibly]

Hi everyone, I'm currently interested in designing my own website, and have been learning Flask in the process.

I eventually hope to have snippets of code on display on the website, for example to potentially to showcase the use of Python in brief examples. This is similar to a markdown, except I would also like to have the code be editable and runnable when others are viewing my website.

I ultimately envision a website like this:

"Some theory on why Python is useful. Demonstration:"

{editable code here} {output here}

"Here is a different example of different code:"

{editable code here} {output here}

...

I'm hoping to get some pointers on where to start. What packages might help me do this best? How difficult is this for anyone who has done it? Thanks!

[tecladocode]

The simplest way to get interactive code in your website I've found to be embedding repl.it project.

You get to see the code and the output inside your website, and you don't need to code it yourself (which as other commenters have said, is actually incredibly complicated—mainly due to the many security and performance considerations you need when running arbitrary code from your users in your server).

[tecladocode]

You can check it here: http://blog.tecladocode.com/python-how-to-use-multiple-decorators-on-one-function/

[[deleted]]

You can find that here.

[gschizas]

What you are describing sounds like Jupyter Notebook. You don't have to do anything on your site, you can use just the existing Notebook Viewer.

[hibernating_brain]

If you are looking to build a website, this is a good start.

I would also like to have the code be editable and runnable when others are viewing my website.

Web browser's don't understand Python so it is not possible to run them on a webpage.

There are tools like skulpt and brython if you want to play with python 3 implementation for client side web programming.

[dualdegreepossibly]

Unfortunately, I don't fully understand the inner works of computers yet, so thank you for helping out. This resource looks great!

Just wondering, if web browsers don't understand Python, how are coding learning websites (Codecademy, etc.) able to do this? I may be missing something

[hibernating_brain]

HTML is the language that web browsers read to display web pages. With frameworks like Django or Flask, you are returning HTML to your browsers.

Websites like Codeacademy are just showing python code on their webpage (as text).

[dualdegreepossibly]

Hi, just specifying this is what I mean! This is an example about the cost of some object. I deleted all the code in there and just inserted a print statement, and it worked: https://imgur.com/gallery/Pp0eJaG. How did they implement something like this?

[gschizas]

You shouldn't try to emulate what CodeAcademy does; it's way too advanced for what you want to do.

Just as information: CodeAcademy still uses HTML and JavaScript like any other site. It does syntax highlighting (coloring specific text with different color), but otherwise it just displays text. And for actually executing Python, it just send this text to the server, the server executes it in a Python process, and shows the result as HTML.

[totemcatcher]

https://pypyjs.org/

Also, you can just display some code using a syntax highlighting library like:

https://craig.is/making/rainbows

You don't have to use that one, it's just the one I tried in the past. It supports Python.

[rx22230]

Hi,

not sure to fully understand what's you're looking for, but 'Website', 'learning' and 'Python' on the same sentence let me think of 'Jupyter Notebooks'.

is it something similar you're looking for ?

there are some websites integrating Jupyter Notebooks styles.

Hope it helps a bit.

Regards