与Derobins的大规模杀伤性武器有几个问题

Question

我对Derobin实施WMD编辑器有一个小问题。

它似乎没有正确格式化，我不完全确定原因。虽然我不确定我是否应该在Doctype上问这个问题。

我使用了SO参考中的降价文本示例，当然应该如下所示：

1. 列表项中的列表：
   • 缩进四个空格。
     • 缩进八个空格。
   • 再次有四个空格。

2. 列表项中的多个段落： 最好将段落缩进四个空格 你可以逃脱三个，但它可以得到 当你嵌套其他东西时会感到困惑。 坚持四个。

   我们在第一行缩进了一个额外的空间来对齐 它与这些段落。在实际使用中，我们可能会这样做 这是整个列表，以便所有项目排队。

   此段仍然是列表项的一部分，但它对人类来说看起来很混乱。因此，手动包装嵌套段落是个好主意，就像我们对前两个段落所做的那样。

3. 列表项中的区块引用：

  

略过一条线   缩进＆gt;的四个空格。

1. 列表项中预先格式化的文本：

   Skip a line and indent eight spaces.
   That's four spaces for the list
   and four to trigger the code block.
   

然而，我得到的是这样的：



我认为这与CSS有关，但我看不出是什么导致了它。如果需要我可以发布CSS，但我可能会发布所有内容，因为我不确定是什么导致它。但是，我不确定它是否可能是实际的脚本本身（我觉得这个例子很有用，我只是复制了相同的代码）。

我还应该指出，WMD下载附带的示例在它自己的工作正常，但是一旦我将它添加到我的应用程序中，就会出现上述情况。

我还应该补充一点，这个问题在IE7 / 8和Firefox 3.5中都是持久的。

非常感谢任何帮助。

---

编辑：解决了在框外显示的项目符号/数字，为列表样式位置的ol和ul添加了CSS样式：inside;但其余的仍然保持不变。

编辑：根据用户评论进行修改。输出的HTML是：

<ol>
<li>Lists in a list item:
<ul><li>Indented four spaces.
<ul><li>indented eight spaces.</li></ul></li>
<li>Four spaces again.</li></ul></li>
<li><p>Multiple paragraphs in a list items:
It's best to indent the paragraphs four spaces
You can get away with three, but it can get
confusing when you nest other things.
Stick to four.</p>

<p>We indented the first line an extra space to align
it with these paragraphs.  In real use, we might do
that to the entire list so that all items line up.</p>

<p>This paragraph is still part of the list item, but it looks messy to humans. So it's a good idea to wrap your nested paragraphs manually, as we did with the first two.</p></li>
<li><p>Blockquotes in a list item:</p></li>
</ol>

<blockquote>
<p>Skip a line and
indent the >'s four spaces.</p>
</blockquote>

<ol>
<li><p>Preformatted text in a list item:</p>

<pre><code>Skip a line and indent eight spaces.
That's four spaces for the list
and four to trigger the code block.
</code></pre></li>
</ol>

Answer 1

在你的css文件中你有这个：

* {
    margin:0;
    padding:0;
}

这是一个通用重置，可以删除所有内容的填充和边距。正如我在Doctype.com上所说的那样。

您需要删除它，并使用更可控的重置，或为ul和li设置一些默认的填充和边距。

由于每个浏览器似乎都有不同的ul默认值，我倾向于从我的重置中省略它们并专门设置nav ul。

这是我使用的重置：

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    }

除了列表之外几乎重置所有内容。