我是网络开发的新手，这也是我的第一个问题，所以我希望我足够精确。 我想要实现的是在网页上有一个文本编辑器，当然可以插入和编辑文本，但也可以插入空白的吉他指法，可以通过鼠标和键盘事件进行编辑，并将所有的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/
但是，如果我想将动力学与froala编辑器一起使用＆＃34; insertHTML＆＃34;函数通过在编辑器中通过自定义按钮插入动力学div我有以下问题： div和canvas通常像上面的html页面一样插入而没有编辑器，但几秒钟之后，两个图层的内容（var＆＃34; text＆＃34;和水平线，请参见小提琴）消失。如果我通过键盘输入内容插入任何文本，在插入动力学div后，内容立即消失。 如果我切换到froala编辑器中的HTML代码（使用工具栏中的＆＃34;显示HTML＆＃34;按钮），我仍然能够看到插入的动力学div和画布元素，但它似乎是层是＆＃34;走了＆＃34;。 这是编辑问题的另一个小提琴：
https://jsfiddle.net/un8sbrzd/
我已经工作了好几天但我无法得到它。我试图改变一些froala编辑选项（就像我在小提琴的评论中提到的那样），但它没有用。
这是编辑器的一种刷新问题吗？有没有人在html编辑器中使用kinetic有一些经验？
如果有人可以帮助我，那真是太棒了。 问候