我希望制作一个折叠模板来隐藏文本块并通过单击展开来显示它。 我发现了以下代码
<div class="mw-collapsible mw-collapsed" style="background-color: #E6E6E6; border-style: thin black; font-style:italic; ">
<p><i>Try it by yourself before expanding on the right!</i></p>
<div class="mw-collapsible-content">
some text or wiki encoded text content (better for formatings and images)
that will remain hidden
until expand is clicked
</div>
</div>
我试图为(折叠)
制作模板<div class="mw-collapsible mw-collapsed" style="background-color: #E6E6E6; border-style: thin black; font-style:italic; ">
<p><i>Try it by yourself before expanding on the right!</i></p>
<div class="mw-collapsible-content">
{{{Collapse|some text or wiki encoded text content (better for formatings and images)
that will remain hidden
until expand is clicked}}
}
</div>
</div>
我目前失败的电话将是
{{1}}
但我没有成功使用{{{1}}}传递输入文本块,因为我的内容中包含换行符和其他格式标记。
我是否需要在模板或调用中进行换行以及使用哪个标记? 欢迎任何帮助。
答案 0 :(得分:5)
您需要创建两个模板:
{{Collapse Begin}}
内容:
<div class="mw-collapsible mw-collapsed" style="background-color: #E6E6E6; border-style: thin black; font-style:italic; ">
<p><i>Try it by yourself before expanding on the right!</i></p>
<div class="mw-collapsible-content">
和
{{Collapse End}}
内容:
</div>
</div>
然后在页面上添加:
{{Collapse Begin}}
some text or wiki encoded text content (better for formatings and images)
that will remain hidden
until expand is clicked
{{Collapse End}}
答案 1 :(得分:0)
显然,命名参数允许使用多行输入(不要问我原因!)。
以下代码为我完成了这项工作,但感谢 ankap 提出了明智的想法,我将在其他地方重复使用。
我添加了一个可选的边距,用于在列表中使用时缩进彩色框,并为折叠模式中显示的消息添加单独的参数。
<!-- takes tup to three parameters
* margin: to indent the block in the page, useful if the collapse is within a bullet list
* comment: to show a warning on the expand line
* content: the actual content to hide
# adding additional div improved support for lists etc...
-->
<div class="mw-collapsible mw-collapsed" style="background-color: #E6E6E6;
border-style: thin black; font-style:italic; margin-left: {{{margin|0px}}}; ">
<includeonly><i>{{{comment|<nowiki>
Try it by yourself before expanding on the right!</nowiki>}}}</i><includeonly>
<div class="mw-collapsible-content"><div>{{{content|{{{1}}}}}}</div></div>
</div>
享受!