javascript - How to import core elements and paper elements in JSFiddle - Stack Overflow

admin管理员组

文章数量:1303345

How can I import core elements and paper elements in JSFiddle.

I'm importing polymer through those statements:

<script src="//cdnjs.cloudflare/ajax/libs/polymer/0.4.2/platform.js"></script>
<script src="//cdnjs.cloudflare/ajax/libs/polymer/0.4.2/polymer.js"></script>

How can import for example core-input or paper-input?

How can I import core elements and paper elements in JSFiddle.

I'm importing polymer through those statements:

<script src="//cdnjs.cloudflare./ajax/libs/polymer/0.4.2/platform.js"></script>
<script src="//cdnjs.cloudflare./ajax/libs/polymer/0.4.2/polymer.js"></script>

How can import for example core-input or paper-input?

• javascript
• polymer
• jsfiddle
• paper-elements
• core-elements

Share Improve this question Follow edited Oct 30, 2014 at 9:37 Fedy2 asked Oct 30, 2014 at 9:31 Fedy2Fedy2 3,20755 gold badges2828 silver badges4444 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 8

Yes from the polymer project site or I guess your cloudflare cdn if you know the location

<script src="http://www.polymer-project/platform.js"></script>
<link rel="import" href="http://www.polymer-project/ponents/polymer/polymer.html">
<link rel="import" href="http://www.polymer-project/ponents/paper-button/paper-button.html">
<link rel="import" href="http://www.polymer-project/ponents/core-header-panel/core-header-panel.html">

This is just for dev and not production.

If you goto polymer elements then choose your element and click on the button that says Get Element it will give you a popup with an import link.

Also you can get a link for all core or paper elements from here

A good alternative - still a work in progress - is https://ele.io/

Ele (call it “Ellie”) is a streamlined environment for exploring, experimenting with, and sharing reusable custom HTML elements made with Web Components.

To test a simple ponent written in Polymer 1.0 I use this snippet:

<link rel="import" href="https://raw.githubusercontent./Polymer/polymer/master/polymer.html">

<dom-module id="proto-element">
    <template>
        <span>I'm <b>proto-element</b>. Check out my prototype.</span>
    </template>
</dom-module>

<script>
    Polymer({
        is: "proto-element",
        ready: function() {
            //...
        }
    });
</script>

<proto-element></proto-element>

http://jsfiddle/MartyIX/84b5sabw/

本文标签： javascriptHow to import core elements and paper elements in JSFiddleStack Overflow