将大气中的媒体编辑器与望远镜应用程序集成

Question

在将Atmosphere上的一个媒体编辑器与一个Telescope App集成时，我有一些未知的部分，我无法进行搜索Atmosphere包页面，只引用克隆的github页面。

我想在我的望远镜应用程序中集成一个媒体编辑器克隆，公民凯文/流星-大气中的媒体编辑说。克隆的Github页面上的说明是关于非Meteor应用程序的，将libs重新渲染为html等。

流星是怎么回事。我是如何开始使用它的。我发现其中一个跳过了html部分中的引用。发出meteor add citizenKevin:medium-editor命令就可以完成这些设置。是那么回事吗？

我跳过了这个步骤，只添加了一个：

<div class="editable">adasdasd</div>

对于我的main.html文件，我使用的是Discovering Meteor书。

并将初始化添加到main.js文件中：

editor = new MediumEditor('.editable');

但是我上面的div现在是不可编辑的。

我的设置和尝试中缺少的是什么？

Answer 1

在其他项目中也这样做了，比如meteor-blog包。

他们在这里设置了一个编辑器文件：https://github.com/Differential/meteor-blog/blob/master/client/views/admin/editor.coffee

然后在这里使用相应的编辑功能：https://github.com/Differential/meteor-blog/blob/master/client/views/admin/edit.coffee

因此，在这些基础上，您应该能够看到如何在Meteor项目中使用媒体编辑器插件。

Answer 2

您需要包装编辑器初始化，如下所示：

​

$(function () {
 	var editor = new MediumEditor('.editable');
 });

​

否则，当您初始化编辑器时，可编辑的div不在那里(DOM未准备好)。

或者，您可以将其放入模板的rendered()函数中，如下所示：

​

Template.TEMPLATENAME.rendered = function()
{
  var editor = new MediumEditor('.editable', {});
};

​

两者都使用meteor 1.1.0.2进行了测试