33

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

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

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

4

7 回答 7

38

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

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

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

{{quote|一个小测试}}

效果很好 - 谢谢！

于 2008-09-25T07:19:28.617 回答
23 
<blockquote style="background-color: lightgrey; border: solid thin grey;">
Det er jeg som kjenner hemmeligheten din. Ikke et pip, gutten min.
</blockquote>

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

于 2008-09-25T06:47:16.837 回答
20

要结合这两个最有效的答案，您应该使用一个本身使用blockquote的MediaWiki 模板。

模板内容：

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

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

{{ quote | The text you want to quote }}
于 2012-09-12T14:03:41.390 回答
4

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

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

您可以使用任何您想要的 css 属性，但这应该可以帮助您入门。

于 2008-09-25T03:26:24.510 回答
4

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

<blockquote style="
 color: black;
 border: solid thin gray;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 ">
{{{1}}}
</blockquote>
于 2015-05-20T16:30:49.437 回答
1

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

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

以类似的方式，您可以<pre/>设置对代码片段等有用的样式，以便包装内容：

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

对于更长的代码片段，您可能需要使用<syntaxhighlight/>（或<source/>）附带SyntaxHighlight 扩展的元素。你也可以style。

于 2017-04-30T21:14:17.497 回答
0

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

<pre width="80%">
于 2014-02-05T02:03:52.503 回答