Flask-SimpleMDE 0.3.0

Quick Start

0. Installation

pip install Flask-SimpleMDE

1. Configuration

from flask import Flask, render_template
from flask.ext.simplemde import SimpleMDE

app = Flask(__name__)
app.config['SIMPLEMDE_JS_IIFE'] = True
app.config['SIMPLEMDE_USE_CDN'] = True
SimpleMDE(app)

@app.route('/')
def hello():
    return render_template('hello.html')

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

2. In templates/hello.html:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Flask-SimpleMDE example</title>
    {{ simplemde.css }}
    {{ simplemde.js }}
  </head>
  <body>
    <textarea>
    Some Markdown Text Here
    </textarea>
    {{ simplemde.load }}
  </body>
</html>

3. Profit!

How It Works

Once registered, this extension provides a template variable called simplemde, it has:

• a property named css that will be rendered as HTML <link> tag to the SimpleMDE stylesheet either from free CDN or be served from a bundled blueprint, also called simplemde.

  {{ simplemde.css }}

• a property named js that will be rendered as HTML <script> tag to the SimpleMDE javascript either from free CDN or be served from a bundled blueprint, also called simplemde.

  {{ simplemde.js }}

• a property named load that will be rendered as HTML <script> tag with javascript code that loads the SimpleMDE Markdown Editor with the first <textarea> tag.

  {{ simplemde.load }}

• a method named load_id that when called with a string, will be rendered as HTML <script> tag with javascript code that loads the SimpleMDE Markdown Editor with the <textarea> tag which has the specified id attribute

  <textarea id="editor"></textarea>
  ...
  {{ simplemde.load_id("editor") }}

License

BSD New, see LICENSE for details.

Links

• Documentation

• Issue Tracker

• Source Package @ PyPI

• Mercurial Repository @ bitbucket

• Git Repository @ Github

• Git Repository @ Gitlab

• Development Version