WMD 预览与输出不匹配

Question

我在 Google 应用程序中使用 WMD，网站管理员可以更新网站页面，用户可以看到信息。

预览功能工作正常，我可以按照我想要的方式查看文本，但是当我在用户部分时，返回的 Markdown 没有格式 - 我该如何解决这个问题？

这是我正在使用的代码

{% block content-left %}
            {% if is_admin %}
            <div id="content-bodyleft" class="wmd-preview"></div>
            <form action="/admin/content/" method="post">
                <textarea id="markdown" name="markdown" style="width: 400px; height: 200px;" >{{ page_content.html }}</textarea>
                <input name="page" type="hidden" value="{{ request.path }}" />
                <input type="submit" name="Save" />
            </form>
<div class="wmd-output"></div>
            <script type="text/javascript">
                // to set WMD's options programatically, define a "wmd_options"
                // object with whatever settings
                // you want to override.  Here are the defaults:
                wmd_options = {
                    // format sent to the server.  Use "Markdown" to return the markdown source.
                    output: "Markdown",

                    // line wrapping length for lists, blockquotes, etc.
                    lineLength: 40,

                    // toolbar buttons.  Undo and redo get appended automatically.
                    buttons: "bold italic | link blockquote code image | ol ul heading hr",

                    // option to automatically add WMD to the first textarea found.
                    // See apiExample.html for usage.
                    autostart: true
                };
            </script>
<div class="wmd-output"></div>
            <script type="text/javascript" src="/static/wmd/wmd.js"></script>
            {% else %} 

{{ page_content.html|markdown }}

           {% endif %}

Answer 1

发生这种情况的原因是 Django 表单只能看到代表 WMD 编辑器的 </code> 标记的值。该值是实际的降价，而不是您在预览中看到的呈现的 HTML。

有多种方法可以在客户端或服务器上解决此问题...

1. 保存表单后，使用 python markdown 模块将 markdown 转换为服务器上的 HTML，像这个

2. 当表单在客户端提交时，有javascript 将 WMD </code> 标记的值替换为实际的 HTML</p>

选项 #1 可能是最简单的。这是一些示例代码...

import markdown

class MyModel(models.Model):
    text = models.TextField()

    def save(self, force_insert=False, force_update=False):
        if self.text:
            self.text = markdown.markdown(self.text)

        super(MyModel, self).save(force_insert, force_update)

Answer 2

这似乎与 WMD.js 没有任何关系，WMD.js 是一个编辑器，与显示内容无关。

您没有发布模型，但看起来您正在将内容输入“markdown”字段，但显示不同的字段“html”。我想你的模型中有一些东西 - 也许在保存时 - 用转换后的标记填充该 html 字段？

另外，您确定看到的是原始 Markdown，还是看到的是原始 HTML？我假设你需要转义 html 输出：

{{ page_content.html|safe }}

Answer 3

这是我的 models.py 文件

# models.py
from google.appengine.ext import db

class GoogleToken(db.Model):
    session_token = db.StringProperty()
    scope_url = db.StringProperty()
    added_on = db.DateTimeProperty(auto_now_add=True)

class PageContent(db.Model):
    html = db.TextProperty()
    page = db.StringProperty()

class PageMedia(db.Model):
    name = db.StringProperty()
    type = db.StringProperty()
    content = db.BlobProperty(default=None)

class Announcement(db.Model):
    title = db.StringProperty()
    content = db.TextProperty()
    added_on = db.DateTimeProperty(auto_now_add=True)

，来自views.py

def content(request):
    html = request.POST.get('markdown', None)
    page = request.POST.get('page', None)

    logging.debug(html)
    logging.debug('Page: %s' % page)

    query = PageContent.all().filter('page =', page)
    page_content = query.get()
    if page_content == None:
        page_content = PageContent(html=html,page=page)
    else:
        page_content.html = html

为了帮助您了解正在发生的情况，例如，我正在键入

Title
----
*Subtitle*

Text text text 

并在预览中看到

标题

副标题

文本文本文本

，但在输出时我看到

Title----*Subtitle*Text text text 

谢谢，我非常感谢你在这方面的帮助。