WMD预览与输出不匹配

Question

我正在使用WMD在谷歌应用程序的情况下，网站管理员可以更新网站的页面和用户看到的信息。

预览功能工作正常，我可以看到我想要的文本显示方式，但当我在用户部分，标记返回没有格式-我如何解决这个问题？

这是我正在使用的代码

{% 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编辑器的<textarea>标记的值。该值是实际的markdown，而不是您在预览中看到的呈现的HTML。

有几种方法可以修复这个问题，无论是在客户端还是服务器上...

1. 保存表单时，在服务器上使用python markdown模块将markdown转换为HTML，在客户端提交表单，让javascript将WMD <textarea>标记的值替换为实际的HTML

。

选项#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没有任何关系，它是一个编辑器，与显示内容没有任何关系。

您没有发布您的模型，但看起来您是在"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 

谢谢，我真的很感谢你的帮助。