クリック編集画面の実装

app.py

@@ -42,5 +42,13 @@ def post_content(title=None):
     db_session.commit()
     return content.html
 
+
+@app.route("/rst/<title>")
+def show_rst(title):
+    content = WikiContent.query.filter_by(title=title).first()
+    if content is None:
+        abort(404)
+    return content.body
+
 if __name__ == "__main__":
     app.run()

templates/show_content.html

@@ -1,6 +1,20 @@
 {% extends "layout.html" %}
 {% block body %}
 <h1>{{content.title}}</h1>
-<div>{{content.html|safe}}</div>
+<div class="editable_textarea">{{content.html|safe}}</div>
 <p>{{content.date}}</p>
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+<script type="text/javascript" src="{{url_for('static', filename='jquery.jeditable.mini.js')}}"></script>
+<script>
+  $(".editable_textarea").editable("{{content.title}}", { 
+      type   : 'textarea',
+      submitdata: { _method: "post" },
+      name     : 'body',
+      loadurl  : '/rst/' + '{{content.title}}',
+      rows     : 10,
+      submit : 'OK',
+      cancel : 'cancel',
+      cssclass : "editable"
+  });
+</script>
 {% endblock %}