私は Web 開発の初心者であり、これがここでの最初の質問でもあるので、十分に正確であることを願っています。私が達成しようとしているのは、Webページにテキストエディターを配置することです。もちろん、テキストを挿入および編集できますが、マウスとキーボードのイベントで編集してすべてのhtmlコンテンツを保存できる空白のギタータブ譜を挿入することもできますコレクション (ギターノートシートの作成と保存など)。
テキストは既に機能しており、コレクションにコンテンツを保存したり、エディター内でコレクションのコンテンツを表示したりできますが、ギター タブの挿入に問題があります。
次のパッケージで Meteor を使用しています。
brentjanderson:kinetic,
fortawesome:fontawesome,
froala:editor,
iron:router,
less,
meteor-platform,
nemo64:bootstrap,
peppelg:bootstrap-3-modal,
twbs:bootstrap
空のタブを簡単に描画してそのコンテンツにアクセスできるので（私がやりたい編集のために）、ギターのタブにkineticjsを使用したいと思います。
テスト目的で、2 つのレイヤー (ギターのタブ行用とテキスト用) を持つ新しいキネティック ステージを静的に空の HTML ページに追加し始めたところ、正常に動作しました。ここにフィドルがあります：
https://jsfiddle.net/dsrbhayd/
しかし、エディター内のカスタム ボタンを介してキネティック div を挿入することにより、froala エディターの「insertHTML」機能と組み合わせてキネティックを使用したい場合、次の問題があります。 、しかし数秒後、両方のレイヤーのコンテンツ（var "text"と水平線、フィドルを参照）が消えます。キネティック div を挿入した直後に、キーボードで何かを入力してテキストを挿入すると、コンテンツがすぐに消えてしまいます。froala エディター内の HTML コードを表示するように切り替えると (ツールバーの [HTML を表示] ボタンを使用)、挿入されたキネティック div 要素とキャンバス要素は引き続き表示されますが、レイヤーのコンテンツは「なくなった」ようです。 . エディターの問題に関する別のフィドルを次に示します。
https://jsfiddle.net/un8sbrzd/
私は何日もそれに取り組みましたが、私はそれを得ることができません。froala エディターのオプションのいくつかを変更しようとしましたが (フィドルのコメントで述べたように)、うまくいきませんでした。
エディターのリフレッシュの問題のようなものですか？HTMLエディター内でキネティックを使用した経験のある人はいますか?
誰かが私を助けることができれば素晴らしいことです。ご挨拶