jQuery + MarkItUp + Polymer - заставить его работать?
С помощьюполимерЯ пытаюсь создать компонент, который повторно используетmarkItUp так что я могу использовать расширенный текстовый редактор, когда это необходимо.
Однако, как бы я ни пытался, я не могу заставить его правильно инициализироваться. Селектор jQuery просто не может найти элементы textarea, чтобы выполнить свою магию. Я пробовал многочисленные заклинания с добавлением прослушивателей событий, реагированием на определенные события, и, скорее всего, из-за отсутствия у меня опыта Javascript, я просто не могу заставить все это работать вместе. Вот что у меня есть (обратите внимание, что этот файл находится в папке под элементами с именем «rich-textarea»):
<link rel="import" href="../../bower_components/polymer/polymer.html">
<link rel="stylesheet" type="text/css" href="../../bower_components/markitup-1x/markitup/skins/markitup/style.css">
<link rel="stylesheet" type="text/css" href="../../bower_components/markitup-1x/markitup/sets/default/style.css">
<script type="text/javascript" src="../../bower_components/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="../../bower_components/markitup-1x/markitup/jquery.markitup.js"></script>
<script type="text/javascript" src="../../bower_components/markitup-1x/markitup/sets/default/set.js"></script>
<polymer-element name="rich-textarea" attributes="rows cols value">
<template>
<textarea class="makeItRich" rows="{{rows}" cols={{cols}}" value="{{value}}"></textarea>
</template>
<script>
Polymer('rich-textarea', {
value: "",
rows: 25,
cols: 80,
// here and below are where I need help
domReady: function() {
$(document).ready(function() {
$(".makeItRich").markItUp(mySettings);
});
}
});
</script>
</polymer-element>
Будем очень благодарны любой помощи. Я считаю этот вопрос хорошим лакмусовым тестом для Polymer в целом, поскольку он объединяет три технологии вместе. Если это «просто работает», вероятнее всего, что-нибудь будет работать в будущем. Спасибо за ваше время.