Markdown blockquote失败

时间:2013-05-04 04:45:02

标签: jquery html css3 markdown wmd-markdown

我正在使用this jQuery markdown作为我的网页。 jQuery代码如下:

var converter = new Markdown.Converter();
$(document).ready(function(e) {
    $('#content').html( converter.makeHtml($('#content').html()) );
    /* and some more */
});

这一直很完美。到目前为止,我的所有网页都没有blockquote。今天,我尝试使用blockquote内容,页面没有正确解析HTML。

文本存储在MySQL表中。请考虑以下事项:

Just some

> random blockquote content. let's see if it works or not

此文字在markdown editor box

上正确显示
  

WMD

但是当它作为网页打开时(我使用Opera;但问题仍然出现在所有其他浏览器中,即Firefox,Chrome和IE)

  1. 正常页面显示

      

    page

  2. Opera Dragonfly

      

    dragonfly

  3. 原始文字作为页面来源

      

    source

  4. P.S。:所有图片都是缩略图。点击查看大图。

    这是一个显示上述问题的小提琴链接:http://jsfiddle.net/atdEP/

2 个答案:

答案 0 :(得分:1)

我不熟悉markdown,但我认为你正在接受>作为html实体I.E >而不是单个字符。

如果我通过将字符串硬编码到下面来改变你的小提琴,那么>从结果屏幕中消失,出现正确的html。 (在萤火虫中测试)

<script type="text/javascript">
    var converter = new Markdown.Converter();
    $(document).ready(function (e) {
        $('#content').html(converter.makeHtml('> random blockquote'));
        /* and some more */
    });
</script>

答案 1 :(得分:0)

感谢@Jay,我找到了解决问题的方法。

它不是在转换器中使用.html(),而是与.text()完美匹配。

var converter = new Markdown.Converter();
$(document).ready(function(e) {
    $('#content').html( converter.makeHtml($('#content').text()) );
    /* and some more --------------------- RIGHT HERE  >>>^ */
});

这是更新的小提琴:http://jsfiddle.net/atdEP/1/