首页python 实现Markdown文件在线编辑

python 实现Markdown文件在线编辑

时间: 2023-10-07 19:05:19 浏览: 140

要实现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文件并实时预览。

阅读全文