Title: embed live code demo
Last modified: March 11, 2018

---

# embed live code demo

 *  [changsijay](https://wordpress.org/support/users/changsijay/)
 * (@changsijay)
 * [8 years ago](https://wordpress.org/support/topic/embed-live-code-demo/)
 * Hi, I am wondering if there is plugin to do something like codepen/jsfiddle embed
   which I can have javascript/html/css code snippet and show the result?
 * I found some plugin which can let me display code in Tabs, but there is no tab
   which show the result of javascript/html/css tabs works together.
 * Sorry if I post in the wrong forum to post here.

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [necafasu](https://wordpress.org/support/users/necafasu/)
 * (@necafasu)
 * [8 years ago](https://wordpress.org/support/topic/embed-live-code-demo/#post-10063629)
 * You can use an iframe tag to embed codepen and jsfiddle.
 * Use this
    `<iframe width="560" height="315" src="http://codepen.io/chriscoyier/
   embed/gfdDu" frameborder="0" allowfullscreen></iframe>`
 *  Thread Starter [changsijay](https://wordpress.org/support/users/changsijay/)
 * (@changsijay)
 * [8 years ago](https://wordpress.org/support/topic/embed-live-code-demo/#post-10063814)
 * Yes, embed jsfiddle/codepen is straightforward.
    but it makes my blog content
   depend on the life of other services. (if someday they shutdown their service,
   many content of my demo would be invalid)
 * What I want is like I can edit 3 tabs(javascript/html/css) in my post like below
 * [html]
    some stuff here
 * [css]
    some stuff here
 * [javascript]
    some stuff here
 * [result]
    which will display the result of above.
    -  This reply was modified 8 years ago by [changsijay](https://wordpress.org/support/users/changsijay/).
    -  This reply was modified 8 years ago by [changsijay](https://wordpress.org/support/users/changsijay/).

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘embed live code demo’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2 replies
 * 2 participants
 * Last reply from: [changsijay](https://wordpress.org/support/users/changsijay/)
 * Last activity: [8 years ago](https://wordpress.org/support/topic/embed-live-code-demo/#post-10063814)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics