mirror of https://github.com/artf/grapesjs.git
nocodeframeworkdrag-and-dropsite-buildersite-generatortemplate-builderui-builderweb-builderweb-builder-frameworkwebsite-builderno-codepage-builder
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
721 B
33 lines
721 B
<template>
|
|
<iframe :width="width" :height="height" :src="src" allowfullscreen="allowfullscreen" frameborder="0"/>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'DemoViewer',
|
|
props: {
|
|
value: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
user: {
|
|
type: String,
|
|
default: 'artur_arseniev',
|
|
},
|
|
width: {
|
|
type: String,
|
|
default: '100%',
|
|
},
|
|
height: {
|
|
type: String,
|
|
default: '300',
|
|
},
|
|
},
|
|
computed: {
|
|
src() {
|
|
const { value, user } = this;
|
|
return `//jsfiddle.net/${user}/${value}/embedded/js,html,css,result`;
|
|
}
|
|
}
|
|
}
|
|
</script>
|