Install et HTMLization de markdown pour les articles de blog

templates/blog.html

@@ -55,11 +55,12 @@
     </div>
 </div>
             <br />
-  <p class="lead">
-   <form method="POST" action="{{ url_for('blog.racine_blog') }}" id="postform">
+
+
+      <form method="POST" action="{{ url_for('blog.racine_blog') }}" id="postform">
    <!--<input type="text" name="category" id="category" placeholder="Catégorie" class="form-control"><br />-->
    <input type="text" name="title" id="title" placeholder="Titre" class="form-control"><br />
-   <textarea class="form-control" form="postform" name="content" id="content" placeholder="Contenu"></textarea><br />
+   <textarea class="form-control" form="postform" name="content" id="content" placeholder="Contenu" style="height:30vw;"></textarea><br />
  <div class="row">
   <div class="col-sm-4"></div>
   <div class="col-sm-1"><input type="radio" name="status" value="prive" checked>Privé</div>
@@ -70,8 +71,8 @@
    <br />
    <button id="tada" class="btn btn-default btn-primary" type="submit">Publier</button>
    </form>
-  </p>
-  <br>
+
+                <br>
 {% for post in posts %}
 <div class="well">
  <div class="row">
@@ -85,7 +86,9 @@
    <div class="well">
     <h6>{{ post.time }}</h6>
     <h2>{{ post.title }}</h2>
-    <p>{{ post.content }}</p>
+
+    {{ post.content|safe }}
+
    </div>
   </div>
 

templates/postedit.html

@@ -41,7 +41,7 @@
 
 {% block main %}
 
-      <!-- Main jumbotron for a primary marketing message or call to action 
+      <!-- Main jumbotron for a primary marketing message or call to action
       <div class="jumbotron">
         <h1>Blog</h1>
         <p><span id="majuscule">Hello {{ session['username'] }} ! </span>Bienvenue sur ce blog communautaire. Les articles de tous les auteurs du site sont actuellement disponibles sur cette page. Une page personnelle vous est fournie à l'adresse : <a href="/blog/{{ session['username'] }}">Page perso</a></p>
@@ -59,7 +59,7 @@
   <p class="lead">
    <form action="" method="POST" id="postform">
    <input type="text" name="title" id="title" placeholder="Titre" class="form-control" value="{{ oldpost[0] }}"><br />
-   <textarea class="form-control" form="postform" name="content" id="content" placeholder="Contenu">{{ oldpost[1] }}</textarea><br />
+   <textarea class="form-control" form="postform" name="content" id="content" placeholder="Contenu" style="height: 50%;">{{ oldpost[1] }}</textarea><br />
  <div class="row">
   <div class="col-sm-4"></div>
   <div class="col-sm-1"><input type="radio" name="status" value="prive" checked>Privé</div>

templates/privateblog.html

@@ -29,7 +29,9 @@
          <div class="well">
           <h6>{{ post.time }}</h6>
           <h2>{{ post.title }}</h2>
-          <p>{{ post.content }}<br><h6>Auteur : {{ post.author }}</h6></p>
+          {{ post.content|safe }}
+
+          <h6>Auteur : {{ post.author }}</h6>
          </div>
         </div>
         <div class="col-sm-1">

templates/publicblog.html

@@ -26,7 +26,9 @@
         <div class="col-sm-10">
           <h6>{{ post.time }}</h6>
           <h2>{{ post.title }}</h2>
-          <p>{{ post.content }}<br><h6>Auteur : {{ post.author }}</h6></p>
+          {{ post.content|safe }}
+
+          <br><h6>Auteur : {{ post.author }}</h6>
         </div>
         <div class="col-sm-1">
          {% if post.author == session['username'] %}