Question

我在我的服务器上安装了mediawiki作为我的个人知识库。有时候我会从Web上复制一些东西并粘贴到我的wiki中 - 比如提示＆amp;来自某人博客的伎俩。如何将复制的内容显示在带边框的框中？

例如，此博客文章末尾的框看起来很不错：
http://blog.dreamhost.com/2008/03/21/good-reminiscing-friday/

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

Answer 1

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

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

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

{{quote | a little test}}

效果很好 - 谢谢！

Answer 2

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

blockquotes比div更好，因为它们“解释”文本实际上是一个blockqoute，而不是“just-some-text”。此外，blockquote最有可能正确缩进，实际上看起来像blockqoute。

Answer 3

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

模板的内容：

<blockquote style="color: lightgrey; border: solid thin gray;">
    {{{ quote | The text you want to quote }}
}
</blockquote>

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

{{1}}

Answer 4

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

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

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

Answer 5

我使用了@steve中的代码k将浅灰色变为黑色并在边框和文本之间添加填充。我发现浅灰色几乎看不见，文字直接与边界相邻。

<blockquote style="
 color: black;
 border: solid thin gray;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 ">
{JViewport headerViewport = new JViewport() {

    @Override
    public void setView(Component view) {
        if (view instanceof JTableHeader) {
            filterHeader.add(view, BorderLayout.NORTH);
            super.setView(filterHeader);
        }
    }
};

scroll.setColumnHeader(headerViewport);
}
</blockquote>

Answer 6

您可以使用index.php?title=MediaWiki:Common.css页面为此设置<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 extension附带的<syntaxhighlight/>（或<source/>）元素。你也可以style。

Answer 7

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

<pre width="80%">

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

7 个答案: