jQuery + MarkItUp + Polymer - Wie funktioniert es?

VerwendenPolymerIch versuche, eine Komponente zu erstellen, die wiederverwendet wirdmarkItUp So kann ich bei Bedarf einen Rich-Text-Editor verwenden.

Wie auch immer, ich kann es nicht richtig initialisieren. Der jQuery-Selektor kann die Textarea-Elemente einfach nicht finden, um seine Magie auszuführen. Ich habe zahlreiche Beschwörungsformeln mit dem Hinzufügen von Ereignis-Listenern, dem Reagieren auf bestimmte Ereignisse und höchstwahrscheinlich aufgrund meines Mangels an Javascript-Erfahrung versucht, es einfach nicht zum Zusammenarbeiten zu bringen. Folgendes habe ich bisher (beachte, dass sich diese Datei in einem Ordner unter den Elementen "rich-textarea" befindet):

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

Jede Unterstützung wäre sehr dankbar. Ich sehe diese Frage als guten Lackmustest für Polymer im Allgemeinen, da es drei Technologien miteinander kombiniert. Wenn dies "nur funktioniert", wird wahrscheinlich fast alles funktionieren. Vielen Dank für Ihre Zeit.

Antworten auf die Frage(3)

Ihre Antwort auf die Frage