內容簡介
此外掛允許使用簡短代碼輕鬆嵌入 Fiddles。
使用方法:
[jsfiddle url="http://jsfiddle.net/wvega/UupFu/" height="300px" include="result,html,js,css" font-color="39464E" menu-background-color="FFFFFF" code-background-color="f3f5f6" accent-color="1C90F3"]
所有屬性都是可選的。
url 指定您要嵌入的 Fiddle URL，可包含或不含尾部斜線。
include 可包含任意數量的 result, html, js 和 css，並以逗號分隔；嵌入的 Fiddle 標籤將依據 include 屬性所指定的順序排列。
font-color 為標籤名稱使用的顏色。
menu-background-color 為標籤背景使用的顏色。
code-background-color 為代碼和結果區域的背景顏色。
accent-color 為活動標籤下方指示器的顏色。
結果:
<iframe style="width: 100%; height: 300px" src="http://jsfiddle.net/wvega/UupFu/embedded/result,html,js,css/?fontColor=39464E&menuColor=FFFFFF&bodyColor=f3f5f6&accentColor=1C90F3"></iframe>
外掛標籤
開發者團隊
原文外掛簡介
Allows to easily embed Fiddles using a small shortcode.
Usage:
[jsfiddle url="https://jsfiddle.net/wvega/UupFu/" height="300px" include="result,html,js,css" font-color="39464E" menu-background-color="FFFFFF" code-background-color="f3f5f6" accent-color="1C90F3"]
All attributes are optional.
url is the URL of the fiddle you want to embed, with or without trailing slash.
include can be any combination of result, html, js and css, separated by commas; the tabs in the embedded fiddle will follow the order specified with the include attribute.
font-color is the color used for the name of the tabs.
menu-background-color is the color used for the background of the tabs.
code-background-color is the color used for the background of the area where the code and results are shown.
accent-color is the color of the indicator shown below the active tab.
Result:
