Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
designer
<link rel="import" href="../ace-element/ace-element.html">
<link rel="import" href="../code-mirror/code-mirror.html">
<polymer-element name="my-element">
<template>
<style>
:host {
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
}
#ace_element {
width: 400px;
height: 300px;
left: 350px;
top: 270px;
position: absolute;
}
#code_mirror {
width: 400px;
height: 300px;
left: 280px;
top: 250px;
position: absolute;
}
#code_mirror1 {
width: 400px;
height: 300px;
left: 320px;
top: 310px;
position: absolute;
}
</style>
<ace-element id="ace_element">function test() {
var x = true;
}</ace-element>
<code-mirror value="<polymer-element name='my-element'>
<template></template>
<script>
Polymer('my-element', {});
</script>
</polymer-element>" id="code_mirror"><polymer-element name='my-element'>
<template></template>
<script>
Polymer('my-element', {});
</script>
</polymer-element></code-mirror>
<code-mirror value="<polymer-element name='my-element'>
<template></template>
<script>
Polymer('my-element', {});
</script>
</polymer-element>" id="code_mirror1"><polymer-element name='my-element'>
<template></template>
<script>
Polymer('my-element', {});
</script>
</polymer-element></code-mirror>
</template>
<script>
Polymer({
});
</script>
</polymer-element>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment