向 mediawiki 添加报价框最简单的方法是什么？答案

【问题标题】：What's the easiest way to add a quote box to mediawiki?向 mediawiki 添加报价框最简单的方法是什么？
【发布时间】：2010-09-12 23:05:58
【问题描述】：

我在我的服务器上安装了 mediawiki 作为我的个人知识库。有时我会从 Web 复制一些东西并粘贴到我的 wiki - 例如来自某人博客的提示和技巧。如何使复制的内容出现在带边框的框中？

例如，这篇博文末尾的方框看起来很漂亮：
http://blog.dreamhost.com/2008/03/21/good-reminiscing-friday/

我可以使用 pre 标签，但是 pre 标签中的段落不会自动换行。有什么想法吗？

【问题讨论】：

标签： wiki mediawiki quotes

【解决方案1】：

我在我的 wiki 中制作了一个名为 Template:quote 的模板，其中包含以下内容：

<div style="background-color: #ddf5eb; border-style: dotted;">
{{{1}}}
</div>

然后我可以在页面中使用模板，例如，

{{quote|一个小测试}}

效果很好 - 谢谢！

【讨论】：

【解决方案2】：

<blockquote style="background-color: lightgrey; border: solid thin grey;">
Det er jeg som kjenner hemmeligheten din. Ikke et pip, gutten min.
</blockquote>

块引用比 div 更好，因为它们“解释”文本实际上是块引用，而不是“只是一些文本”。此外，块引用很可能会正确缩进，实际上看起来像块引用。

【讨论】：

你能解释一下为什么blockquote比div更好吗？谢谢！
我同意
是更好的选择，但是这应该封装在模板中

【解决方案3】：

要结合两个最有效的答案，您应该使用MediaWiki template，它本身使用blockquote。

模板内容：

<blockquote style="color: lightgrey; border: solid thin gray;">
    {{{1}}}
</blockquote>

在您的 WIKI 页面上的用法（假设您将模板命名为“quote”）：

{{ quote | The text you want to quote }}

【讨论】：

只是为了解释大括号中的#1，它表示可能的几个变量中的第一个变量。示例“快速 {{{1}}} 狐狸 {{{2}}}。”然后，我们可以将模板填充为 {{quote|brown|jumps}}，翻译为“The quick brown fox jumps”。（'quote' 是模板的名称）。

【解决方案4】：

Mediawiki 支持 div 标签。将 div 标签与一些样式结合起来：

<div style="background-color: cyan; border-style: dashed;">
A bunch of text that will wrap.
</div>

你可以随意使用任何你想要的 css 属性，但这应该能让你开始。

【讨论】：

【解决方案5】：

我使用来自@steve k 的代码将浅灰色更改为黑色并在边框和文本之间添加填充。我发现浅灰色几乎看不见，文字直接靠近边框。

<blockquote style="
 color: black;
 border: solid thin gray;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 ">
{{{1}}}
</blockquote>

【讨论】：

【解决方案6】：

您可以为此目的使用index.php?title=MediaWiki:Common.css 页面并在那里为<blockquote/> 元素设置CSS 样式：

blockquote {
    background-color: #ddf5eb; 
    border-style: dotted;
}

以类似的方式，您可以设置<pre/> 的样式，这对于代码 sn-ps 等很有用，以便包装内容：

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap; 
    white-space: -o-pre-wrap; 
    word-wrap: break-word;
}

对于更长的代码 sn-ps，您可能需要使用 SyntaxHighlight extension 附带的 <syntaxhighlight/>（或 <source/>）元素。你也可以style它。

【讨论】：

【解决方案7】：

在pre标签中设置一个宽度，它会换行。

<pre width="80%">

【讨论】：