我是网络开发的新手，这也是我在这里的第一个问题，所以我希望我足够精确。我想要实现的是在网页上有一个文本编辑器，它当然可以插入和编辑文本，但也能够插入空白吉他指法谱，可以通过鼠标和键盘事件进行编辑并将所有 html 内容保存到一个集合（比如创建和保存吉他笔记）。
文本的东西已经在工作了，我可以将内容保存到我的收藏中，或者可以在编辑器中显示收藏内容，但是我在吉他标签插入时遇到了一些问题。
我将 Meteor 与以下软件包一起使用：
brentjanderson:kinetic,
fortawesome:fontawesome,
froala:editor,
iron:router,
less,
meteor-platform,
nemo64:bootstrap,
peppelg:bootstrap-3-modal,
twbs:bootstrap
我想将 kineticjs 用于吉他标签，因为它能够轻松绘制空白标签并访问其内容（用于我想做的编辑）。
出于测试目的，我刚刚开始向一个空的 html 页面静态添加一个具有 2 层（一层用于吉他标签行，一层用于文本）的新动态阶段，它可以正常工作。这是一个小提琴：
https://jsfiddle.net/dsrbhayd/
但是，如果我想通过编辑器内的自定义按钮插入动力学 div 来将动力学与 froala 编辑器的“insertHTML”功能结合使用，我会遇到以下问题： div 和 canvas 插入正常，就像上面没有编辑器的 html 页面一样，但几秒钟后，两层的内容（var“文本”和水平线，见小提琴）消失了。如果我用键盘输入任何文本，在我插入动态 div 之后，内容会立即消失。如果我切换到 froala 编辑器中的 HTML 代码（工具栏中的“显示 HTML”按钮），我仍然能够看到插入的动态 div 和画布元素，但似乎图层的内容“消失了” . 这是编辑器问题的另一个问题：
https://jsfiddle.net/un8sbrzd/
我工作了几天，但我无法得到它。我试图更改一些 froala 编辑器选项（就像我在小提琴的评论中提到的那样），但它没有用。
是不是编辑器的一种刷新问题？有没有人有一些在 html 编辑器中使用动力学的经验？
如果有人可以帮助我，那就太棒了。问候