用MarkItUp编辑器使下页工作

Question

我有一个需要处理用户帖子的MVC3站点。我试图使用MarkItUp进行文本编辑，因为我喜欢它功能齐全、易于定制的功能。但是，我使用两个标记库进行转换：帕吉敦 (客户端)和MarkdownSharp (服务器端)。

下面是我编辑视图中的脚本：

<script type="text/javascript" src="@Url.Content("~/scripts/jquery.markitup.js")"></script>
<script type="text/javascript" src="@Url.Content("~/scripts/jquery.markitup.settings.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/Markdown.Converter.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/Markdown.Sanitizer.js")"></script>
<script type="text/javascript" >
    $(document).ready(function () {
        var converter = new Markdown.Converter();
        $('.editor').markItUp(markdownSettings);
        $('.markdown').live('keyup', function () {
        var md = $('#comment-editor').val();
        var html = converter.makeHtml(md);
        $('#preview').html(html);
    });
    $('.markdown').live('click', function () {
        var md = $('#comment-editor').val();
        var html = converter.makeHtml(md);
        $('#preview').html(html);
    });
});
</script>

以及HTML：

@Html.TextArea("html", "enter your text here", new { id = "comment-editor", @class = "editor" })
<div id="preview" class="markdown"></div>

到目前一切尚好。我的问题是..。当我启动它并开始输入时，一切都很好，因为预览在我输入时正在正确转换，但是但是意大利没有工作。无论我使用符号还是单一符号，输入或点击编辑器.它不是斜体。。

在Pagedown转换器和MarkItUp编辑器之间有问题吗？还是我漏掉了什么？

为了澄清，以下是预览DIV的样子(Firebug)：

<div id="preview" class="markdown">
    <p>stuff you <em>dont</em> see <em>every</em> day.</p>
</div>

注意，“Note”是用_字符标记的，“and”是用*标记的。

Answer 1

马太福音写的是我得到的东西。对我来说，这听起来好像你只是有一个CSS规则，这是防止斜体样式显示，你想它。您的Markdown实现没有任何问题！

您可以通过添加适当的CSS规则，将<em>元素样式设置为#preview.markdown中的斜体，从而在不影响站点其他部分的情况下修复此问题。

顺便说一句，CSS重置脚本删除样式的原因是:当您依赖浏览器默认设置内容样式时，您可能会倾向于使用标记来达到视觉效果，而不是出于语义目的。通过这样做，当浏览器以不同的方式解释这些元素时，您更有可能遇到问题。重置反过来，试图给您一个一致的空白板，您可以在其中编写语义有效的HTML，然后根据您的喜好使用CSS风格。您可以在介绍埃里克·迈耶的重置中阅读更多有关这方面的内容。