模板:編輯演示

您所輸入的

{{{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的值並轉化為預格式化文本。 範例 <pre>原始碼內容</pre>	內容	非必填
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類。	字串	非必填

上述文檔內容嵌入自Template:編輯演示/doc。（編輯 | 歷史）
編者可以在本模板的沙盒（建立 | 鏡像）和測試樣例（建立）頁面進行實驗。
請將模板自身所屬的分類添加在文檔中。本模板的子頁面。