Question

我正在尝试使用Python中的语法突出显示实现相同的堆栈溢出文本区域，并且已经到目前为止但我无法使其正常工作。

app.py

from flask import Flask, render_template, request
import preview

app = Flask(__name__)

@app.route('/',methods=['GET','POST'])
def index():
    if request.method == 'POST':
        markdown_content = request.args.get['wdd-input']
        post_preview = preview.markdown(markdown_content['data'])
        return render_template('test.html', result=post_preview)
    if request.method == 'GET':
        return render_template('demo.html')

if __name__ == '__main__':
    app.run()

预览是语法高亮的东西，它基于Pygments。

的test.html

<!DOCTYPE html>

<html lang="en">
<head>
  <meta charset="utf-8">
  <title>PageDown Demo Page</title>

  <link rel="stylesheet" type="text/css" href="/static/css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="/static/css/highlighting.css">
  <link rel="stylesheet" type="text/css" href="/static/css/demo.css" />
  <script type="text/javascript" src="/static/js/jquery-1.9.1.min.js"></script>
  <script type="text/javascript" src="/static/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="/static/js/hycus-textarea.js"></script>
  <script type="text/javascript" src="/static/js/Markdown.Editor.js"></script>
  <script type="text/javascript">
    (function (m) {
      m(document).ready(function () {
        m('textarea.wmd-input').TextAreaResizer();
      });
    })(jQuery);
  </script>
</head>

<body>
  <div class="container">
      <div id="pagedwon">
        <div id="tabnav">
          <ul class="nav nav-tabs" id="markdown_tab" style="padding: 0 10px; margin-bottom: 10px;">
            <li class="active"><a href="#edit" data-toggle="tab">Edit</a></li>
            <li><a href="#markdownpreview" data-toggle="tab">Preview</a></li>
          </ul>
        </div>

        <div class="tab-content">
          <div class="tab-pane active" id="edit">
            <div class="wmd-panel">
              <div id="wmd-button-bar"></div>
<textarea class="wmd-input" id="wmd-input" rows="10" name="text-input">
This is the *pagedown* editor.
------------------------------

**Note**: Just plain **Markdown**, except that the input is sanitized: **HTML** is not allowed.
</textarea>
            </div>
            <script type="text/javascript">
              (function () {
                  var pagedown_editor = new Markdown.Editor();
                  pagedown_editor.run();
              })();
            </script>

            <script type="text/javascript">
              (function (m) {
                m("#markdown_tab a").click(function () {
                  if (m(this).html() == "Preview"){
                    var markdown_content = m("#wmd-input").val();
                    if (!markdown_content) {
                      m("div#markdownpreview").html("Empty Markdown Content.");
                    } else {
                      content_to_preview = {
                        "data": markdown_content
                      }
                      m.post("/", content_to_preview)
                        .success( function(preview_content){
                          if (preview_content == 'None'){
                            m("div#markdownpreview").html("No content received.");
                          } else {
                            m("div#markdownpreview").html(preview_content);
                          }
                        })
                        .error( function () {
                          m("div#markdownpreview").html("Sorry, error occurred. Please retry.");
                        });
                    }
                  }
                });
              })(jQuery);
            </script>
          </div>

          <div class="tab-pane markdown-body" id="markdownpreview">
            Loding preview content ...
          </div>
        </div>
      </div>
  </div>
</body>
</html>

这是来自控制台的日志：

127.0.0.1 - - [26/Jun/2014 20:25:01] "POST / HTTP/1.1" 500 -

如何让它正常工作，请帮忙。我是Flask的新手。

Answer 1

首先，request.args用于查询字符串参数，但您通过POST发送数据。您应该使用request.form代替。
其次，MultiDict.get是一个函数，不支持__getitem__协议（这是导致500错误的原因）。
第三，正如@Doobeh在评论中指出的那样，您是在密钥data下发送数据，但是您正试图通过密钥＆＃34; wdd-input＆＃34;来访问它。 - 这将导致BadRequest错误。
最后，从request.form中提取的值将是一个字符串（不支持字符串为__getitem__值） - 并且您无论如何都不需要它，因为您已经拥有了整个串。

POST部分的重新制作版本：

if request.method == 'POST':
    markdown_content = request.form.get('data', 'No content yet ...')
    post_preview = preview.markdown(markdown_content)
    return render_template('test.html', result=post_preview)

在Flask中使用语法突出显示Markdown

1 个答案: