您所输入的
{{{source}}}
您所看到的
{{{result}}}
本模板使用以下模板样式:
本模板用于同时展示源代码以及效果。对于手机版布局,本模板进行了排版优化,避免内容过窄影响阅读。本模板可以连续使用。
示例
一般用法
输入:
{{编辑演示 |title = 标题(可选) |source = <pre>使用三层单引号'''加粗''',两层单引号''斜体''。</pre> |result = 使用三层单引号'''加粗''',两层单引号''斜体''。 }}
即可呈现如下效果:
标题(可选)
您所输入的
使用三层单引号'''加粗''',两层单引号''斜体''。
您所看到的
使用三层单引号加粗,两层单引号斜体。
简化用法
如果源代码部分不涉及展开模板、解析器函数、魔术字等情况,可以省略这个参数。例如:
{{编辑演示 |result = 使用三层单引号'''加粗''',两层单引号''斜体''。 }}
效果如下:
您所输入的
使用三层单引号'''加粗''',两层单引号''斜体''。
您所看到的
使用三层单引号加粗,两层单引号斜体。
多次使用
本模板可以多次连续使用。除第一次使用外的标题部分都会被隐藏。效果如下:
{{编辑演示|result=<span style="color:red">第一部分文本</span>}} {{编辑演示|result=<s>第二部分文本</s>}} {{编辑演示|result=<u>第三部分文本</u>}}
您所输入的
<span style="color:green">第一部分文本</span>
您所看到的
第一部分文本
您所输入的
<s>第二部分文本</s>
您所看到的
第二部分文本
您所输入的
<u>第三部分文本</u>
您所看到的
第三部分文本
模板数据
本模板用来同时展示源代码以及呈现效果。
参数 | 描述 | 类型 | 状态 | |
---|---|---|---|---|
class | class | 模板主体拥有的CSS类。 | 字符串 | 可选 |
title | title | 标题部分内容。可选。 | 内容 | 可选 |
source | source 1 | 源代码的内容,通常需要pre标签。如果未指定,则默认为result的值并转化为预格式化文本。
| 内容 | 可选 |
result | result 2 | 呈现结果的内容。 | 内容 | 必需 |
titleclass | titleclass | 标题部分内容的CSS类。 | 未知 | 可选 |
titlestyle | titlestyle | 标题部分内容的CSS样式。 | 未知 | 可选 |
headingclass | headingclass | 源代码和呈现效果的标题部分均拥有的CSS类。 | 字符串 | 可选 |
contentclass | contentclass | 源代码和呈现效果的内容单元格均拥有的CSS类。 | 未知 | 可选 |
sourceheading | sourceheading | 源代码部分的标题内容。 | 内容 | 可选 |
sourcecolumnclass | sourcecolumnclass | 源代码这一栏拥有的CSS类。 | 字符串 | 可选 |
sourceheadingclass | sourceheadingclass | 源代码的标题部分拥有的CSS类。 | 字符串 | 可选 |
sourcecontentclass | sourcecontentclass | 源代码的内容那一格拥有的CSS类。 | 未知 | 可选 |
resultheading | resultheading | 呈现结果部分拥有的标题。若指定,则将替换“您所看到的”这几个字。 | 内容 | 可选 |
resultcolumnclass | resultcolumnclass | 结果那一栏拥有的CSS类。 | 字符串 | 可选 |
resultheadingclass | resultheadingclass | 呈现的结果那一栏的标题部分拥有的CSS类。 | 字符串 | 可选 |
resultcontentclass | resultcontentclass | 源代码的内容那一格拥有的CSS类。 | 字符串 | 可选 |