python 实现Markdown文件在线编辑
时间: 2023-10-07 14:05:19 浏览: 142
在线markdown编辑工具
5星 · 资源好评率100%
要实现Markdown文件在线编辑,可以使用Python的Web框架Flask和Markdown库。
首先,需要安装Flask和Markdown库:
```
pip install Flask
pip install Markdown
```
然后,创建一个Flask应用程序:
```python
from flask import Flask, render_template, request
import markdown
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
@app.route('/preview', methods=['POST'])
def preview():
text = request.form['text']
html = markdown.markdown(text)
return html
if __name__ == '__main__':
app.run()
```
这个应用程序有两个路由:
- `/`:渲染一个HTML页面,包含一个文本域和一个预览框。
- `/preview`:接收POST请求,将Markdown文本转换为HTML,并返回HTML响应。
接下来,创建一个HTML模板文件`templates/index.html`,包含文本域和预览框:
```html
<!DOCTYPE html>
<html>
<head>
<title>Markdown Editor</title>
</head>
<body>
<h1>Markdown Editor</h1>
<form method="POST" action="/preview">
<textarea name="text" rows="10" cols="80"></textarea>
<br>
<input type="submit" value="Preview">
</form>
<hr>
<h2>Preview</h2>
<div id="preview"></div>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<script>
var textarea = document.querySelector('textarea');
var preview = document.querySelector('#preview');
textarea.addEventListener('input', function() {
preview.innerHTML = marked(textarea.value);
});
</script>
</body>
</html>
```
这个模板文件包含一个文本域和一个预览框,并使用JavaScript库marked将Markdown文本转换为HTML。
最后,运行应用程序:
```
python app.py
```
然后,在浏览器中访问`http://localhost:5000`,即可在线编辑Markdown文件并实时预览。
阅读全文