2014-10-30 2 views
5

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

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

<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?

ответ

8

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

<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"> 

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

Если у вас есть polymer elements, тогда выберите свой элемент и нажмите кнопку, которая говорит Get Element, что даст вам всплывающее окно с ссылкой на импорт.

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

+0

Кажется, они больше не работают, так как 1,0. Они дают '404'. Но вы можете захватить их из [polymer-cdn] (https://github.com/download/polymer-cdn). –

+0

А я это понял. Для старой версии они все еще могут быть использованы, но вы должны добавить '0.5' к URL-адресу: http://www.polymer-project.org/0.5/components/polymer/polymer.html –

+0

Я думаю, что это очень страшно хотя (кроме «0,5») в URL-адресе нет версии. Я лично думаю, что вы всегда должны использовать URL-адреса для определенной версии, а не для какого-то «мастера», который может измениться в любой момент ... –

4

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

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

+0

Это выглядит действительно устаревшим. GitHub repo последний обновленный декабрь 2014 года, и, похоже, нет поддержки для Polymer 1.0. https://github.com/divshot/ele-web – Ajedi32

+2

Один из создателей Ele здесь - хотел бы обновить его для Polymer 1.0, просто не успел. –

0

Чтобы проверить простой компонент, написанный на 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/

Смежные вопросы