Title: JSFiddle Shortcode
Author: Willington Vega
Published: <strong>16 ກໍລະກົດ 2011</strong>
Last modified: 5 ພະຈິກ 2024

---

ຄົ້ນຫາປລັກອິນ

ປລັກອິນນີ້ **ຍັງບໍ່ທັນໄດ້ຮັບການທົດສອບກັບ WordPress 3 ເວີຊັນຫຼັກຫຼ້າສຸດ**. ມັນອາດຈະ
ບໍ່ໄດ້ຮັບການເບິ່ງແຍງ ຫຼື ສະໜັບສະໜູນອີກຕໍ່ໄປ ແລະ ອາດມີບັນຫາການເຮັດວຽກຮ່ວມກັນເມື່ອ
ໃຊ້ກັບ WordPress ເວີຊັນທີ່ໃໝ່ກວ່າ.

![](https://s.w.org/plugins/geopattern-icon/jsfiddle-shortcode.svg)

# JSFiddle Shortcode

 ໂດຍ [Willington Vega](https://profiles.wordpress.org/wvega/)

[ດາວໂຫຼດ](https://downloads.wordpress.org/plugin/jsfiddle-shortcode.1.1.3.zip)

 * [ລາຍລອຽດ](https://lo.wordpress.org/plugins/jsfiddle-shortcode/#description)
 * [ການຣີວິວ](https://lo.wordpress.org/plugins/jsfiddle-shortcode/#reviews)
 *  [ການຕິດຕັ້ງ](https://lo.wordpress.org/plugins/jsfiddle-shortcode/#installation)
 * [ການພັດທະນາ](https://lo.wordpress.org/plugins/jsfiddle-shortcode/#developers)

 [ການຊ່ວຍເຫຼືອ](https://wordpress.org/support/plugin/jsfiddle-shortcode/)

## ຄຳອະທິບາຍ

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:

    ```
    <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>
    ```

## ການຕິດຕັ້ງ

 1. Extract the plugin files to the `/wp-content/plugins/` directory.
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Use `[jsfiddle]` in your post content.

## ການຣີວິວ

![](https://secure.gravatar.com/avatar/5682e3f05564d634a46730e5822a7ff080cba1fd2acf42251932d63001a01cd6?
s=60&d=retro&r=g)

### 󠀁[Still usefull in wordpress 4.2.4](https://wordpress.org/support/topic/still-usefull-in-wordpress-424/)󠁿

 [ENSASKE](https://profiles.wordpress.org/ensaske/) 3 ກັນຍາ 2016

Installed today 05 September 2015 and works perfectly! I write the short code and
there is my JSFiddle. Thx a lot.

 [ ອ່ານການຣີວິວທັງໝົດ 2 ລາຍການ ](https://wordpress.org/support/plugin/jsfiddle-shortcode/reviews/)

## ຜູ້ຮ່ວມພັດທະນາ ແລະ ຜູ້ພັດທະນາ

“JSFiddle Shortcode” ແມ່ນຊອຟແວໂອເພັນຊອດ (Open Source). ບຸກຄົນຕໍ່ໄປນີ້ໄດ້ມີສ່ວນຮ່ວມ
ໃນການພັດທະນາປລັກອິນນີ້.

ຜູ້ຮ່ວມພັດທະນາ

 *   [ Willington Vega ](https://profiles.wordpress.org/wvega/)

[ແປ “JSFiddle Shortcode” ເປັນພາສາຂອງເຈົ້າ.](https://translate.wordpress.org/projects/wp-plugins/jsfiddle-shortcode)

### ສົນໃຈຮ່ວມພັດທະນາບໍ່?

[ເບິ່ງລະຫັດ](https://plugins.trac.wordpress.org/browser/jsfiddle-shortcode/), ກວດເບິ່ງ
[ຄັງເກັບ SVN](https://plugins.svn.wordpress.org/jsfiddle-shortcode/), ຫຼື ຕິດຕາມ
[ບັນທຶກການພັດທະນາ](https://plugins.trac.wordpress.org/log/jsfiddle-shortcode/) ຜ່ານ
[RSS](https://plugins.trac.wordpress.org/log/jsfiddle-shortcode/?limit=100&mode=stop_on_copy&format=rss).

## ບັນທຶກການປ່ຽນແປງ

#### 1.1.3

 * Add missing License and License URI headers in readme.txt

#### 1.1.2

 * Tested up to WordPress 6.6.2
 * Force HTTPS scheme for provided fiddle URLs to match the site’s scheme
 * Improve sanitization of shortcode attributes and escape the value of the resulting
   HTML attributes

#### 1.1.1

 * Tested up to WodPress 5.2.
 * Use HTTPS URLs in plugin headers, default value for url attribute and Donate 
   link.

#### 1.1.0

 * Add support for font-color, menu-background-color, code-background-color and 
   accent-color attributes.

#### 1.0.1

 * Tested up to WordPress 4.4-beta1.

#### 1.0.0

 * Fix PHP Deprecated notice.

#### 0.1

 * First release.

## ຂໍ້ມູນກຳກັບ (Meta)

 *  ເວີຊັນ **1.1.3**
 *  ອັບເດດຫຼ້າສຸດເມື່ອ **2 ປີ ທີ່ຜ່ານມາ** ທີ່ຜ່ານມາ
 *  ການຕິດຕັ້ງທີ່ໃຊ້ງານຢູ່ **60+**
 *  ເວີຊັນ WordPress ** 3.4.0 ຫຼື ສູງກວ່າ **
 *  ທົດສອບເຖິງເວີຊັນ **6.6.9**
 *  ພາສາ
 * [English (US)](https://wordpress.org/plugins/jsfiddle-shortcode/)
 * ແທັກ
 * [jsfiddle](https://lo.wordpress.org/plugins/tags/jsfiddle/)
 *  [ມຸມມອງຂັ້ນສູງ](https://lo.wordpress.org/plugins/jsfiddle-shortcode/advanced/)

## ການໃຫ້ຄະແນນ

 5 ຈາກທັງໝົດ 5 ດາວ.

 *  [  ການວິຈານ 5 ດາວ ຈຳນວນ 2 ລາຍການ     ](https://wordpress.org/support/plugin/jsfiddle-shortcode/reviews/?filter=5)
 *  [  ການວິຈານ 4 ດາວ ຈຳນວນ 0 ລາຍການ     ](https://wordpress.org/support/plugin/jsfiddle-shortcode/reviews/?filter=4)
 *  [  ການວິຈານ 3 ດາວ ຈຳນວນ 0 ລາຍການ     ](https://wordpress.org/support/plugin/jsfiddle-shortcode/reviews/?filter=3)
 *  [  ການວິຈານ 2 ດາວ ຈຳນວນ 0 ລາຍການ     ](https://wordpress.org/support/plugin/jsfiddle-shortcode/reviews/?filter=2)
 *  [  ການວິຈານ 1 ດາວ ຈຳນວນ 0 ລາຍການ     ](https://wordpress.org/support/plugin/jsfiddle-shortcode/reviews/?filter=1)

[ການທົບທວນຂອງທ່ານ](https://wordpress.org/support/plugin/jsfiddle-shortcode/reviews/#new-post)

[ເບິ່ງທັງໝົດ ການຣີວິວ](https://wordpress.org/support/plugin/jsfiddle-shortcode/reviews/)

## ຜູ້ຮ່ວມພັດທະນາ

 *   [ Willington Vega ](https://profiles.wordpress.org/wvega/)

## ການຊ່ວຍເຫຼືອ

ມີຄຳຖາມ ຫຼື ຕ້ອງການຄວາມຊ່ວຍເຫຼືອບໍ່?

 [ເບິ່ງຟໍຣັມການຊ່ວຍເຫຼືອ](https://wordpress.org/support/plugin/jsfiddle-shortcode/)

## ບໍລິຈາກ

ເຈົ້າຕ້ອງການສະໜັບສະໜູນການພັດທະນາຂອງປລັກອິນນີ້ບໍ່?

 [ ບໍລິຈາກໃຫ້ປລັກອິນນີ້ ](https://wvega.com/)