您所输入的
{{{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类。 | 字符串 | 可选 |