Added Markdown support

static/css/main.css

@@ -1356,4 +1356,105 @@ textarea {
     box-shadow: none;
     margin-top: 5px;
   }
+}
+
+/* Markdown styles for preview content */
+.preview-content {
+  line-height: 1.5;
+  word-wrap: break-word;
+}
+
+.preview-content a {
+  color: #0066cc;
+  text-decoration: underline;
+}
+
+.preview-content strong, .preview-content b {
+  font-weight: bold;
+}
+
+.preview-content em, .preview-content i {
+  font-style: italic;
+}
+
+.preview-content ul, .preview-content ol {
+  margin: 0.5em 0;
+  padding-left: 2em;
+}
+
+.preview-content ul li {
+  list-style-type: disc;
+}
+
+.preview-content ol li {
+  list-style-type: decimal;
+}
+
+.preview-content h1, 
+.preview-content h2, 
+.preview-content h3, 
+.preview-content h4, 
+.preview-content h5, 
+.preview-content h6 {
+  margin: 0.5em 0;
+  line-height: 1.2;
+}
+
+.preview-content h1 { font-size: 1.5em; }
+.preview-content h2 { font-size: 1.3em; }
+.preview-content h3 { font-size: 1.2em; }
+.preview-content h4 { font-size: 1.1em; }
+.preview-content h5, .preview-content h6 { font-size: 1em; }
+
+.preview-content blockquote {
+  margin: 0.5em 0;
+  padding-left: 1em;
+  border-left: 3px solid #ccc;
+  color: #555;
+}
+
+.preview-content code {
+  font-family: monospace;
+  background-color: #f0f0f0;
+  padding: 2px 4px;
+  border-radius: 3px;
+}
+
+.preview-content pre {
+  background-color: #f0f0f0;
+  padding: 0.5em;
+  border-radius: 3px;
+  overflow-x: auto;
+  margin: 0.5em 0;
+}
+
+.preview-content pre code {
+  background-color: transparent;
+  padding: 0;
+}
+
+.preview-content p {
+  margin: 0.5em 0;
+}
+
+/* Markdown help section styles */
+.markdown-help {
+  font-size: 0.85rem;
+  line-height: 1.6;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  padding: 10px;
+  background-color: #f8f8f8;
+}
+
+.markdown-help p {
+  margin: 0.5em 0;
+}
+
+.markdown-help code {
+  font-family: monospace;
+  background-color: #eee;
+  padding: 2px 4px;
+  border-radius: 3px;
+  font-size: 0.9em;
 }