{"id":95801,"date":"2011-07-16T08:00:00","date_gmt":"2011-07-16T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/2024\/02\/22\/jsfiddle-shortcode\/"},"modified":"2024-11-05T08:33:00","modified_gmt":"2024-11-05T08:33:00","slug":"jsfiddle-shortcode","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/jsfiddle-shortcode\/","title":{"rendered":"JSFiddle Shortcode"},"content":{"rendered":"<p>Allows to easily embed Fiddles using a small shortcode.<\/p>\n<h3>Usage:<\/h3>\n<pre><code>[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\"]\n<\/code><\/pre>\n<ul>\n<li>All attributes are optional.<\/li>\n<li><code>url<\/code> is the URL of the fiddle you want to embed, with or without trailing slash.<\/li>\n<li><code>include<\/code> can be any combination of <code>result, html, js and css<\/code>, separated by commas; the tabs in the embedded fiddle will follow the order specified with the <code>include<\/code> attribute.<\/li>\n<li><code>font-color<\/code> is the color used for the name of the tabs.<\/li>\n<li><code>menu-background-color<\/code> is the color used for the background of the tabs.<\/li>\n<li><code>code-background-color<\/code> is the color used for the background of the area where the code and results are shown.<\/li>\n<li><code>accent-color<\/code> is the color of the indicator shown below the active tab.<\/li>\n<\/ul>\n<h3>Result:<\/h3>\n<pre><code><iframe style=\"width: 100%; height: 300px\" src=\"https:\/\/jsfiddle.net\/wvega\/UupFu\/embedded\/result,html,js,css\/?fontColor=39464E&menuColor=FFFFFF&bodyColor=f3f5f6&accentColor=1C90F3\"><\/iframe>\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Allows to easily embed Fiddles using a small shortcode.<\/p>\n","protected":false},"author":65,"featured_media":297002,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"JSFiddle Shortcode - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"Allows to easily embed Fiddles using a small shortcode."},"footnotes":""},"categories":[1],"tags":[27803],"class_list":["post-95801","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-jsfiddle"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/95801","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/comments?post=95801"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/95801\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/297002"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=95801"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=95801"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=95801"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}