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