[Full list of supported languages can be found here.](https://codemirror.net/mode/index.html) 

University of Michigan - Ann Arbor

#### Basic Usage: ####
*Type **3** backticks followed by the name of a programming language to create code blocks / code editors with syntax highlighting for a given language.* 

#### For example a Python code block can be created like this: ####
```python
class PyCodeEditorDemo(object):
  
  def __init__(self, var=3.7):
    self.var = str("function and var are not a python keywords but def, str and return are.")
  
  def function(self) -> str:
    return self.var
```

#### Another example using Javascript this time: ####
```js
function jsCodeEditorDemo(editor) => {
  var str = "str is not a Javascript keyword but function and var are"
  console.log(str)
  return <div>{str}<div/>
} 
```
#### Note: use "js" to highlight Javascript syntax 

Learn Before

Related