Как импортировать основные элементы и бумажные элементы в JSFiddle

Question

Как я могу импортировать основные элементы и бумажные элементы в JSFiddle.

Я импортирую полимер через эти заявления:

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

Как можно импортировать например core-input или же paper-input?

Answer 1

Да, с сайта полимерного проекта, или, я думаю, ваш облачный флеш-диск, если вы знаете местоположение

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

Это только для разработчиков, а не для производства.

Если вы переходите к полимерным элементам, выберите свой элемент и нажмите кнопку "Получить элемент", и появится всплывающее окно со ссылкой на импорт.

Также вы можете получить ссылку на все основные или бумажные элементы здесь

Answer 2

Хорошая альтернатива - все еще в стадии разработки - https://ele.io/

Ele (назовите его "Ellie") - это оптимизированная среда для изучения, экспериментов и совместного использования многократно используемых пользовательских элементов HTML, созданных с помощью веб-компонентов.

Answer 3

Чтобы протестировать простой компонент, написанный на Polymer 1.0, я использую этот фрагмент:

<link rel="import" href="https://raw.githubusercontent.com/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.net/MartyIX/84b5sabw/