1

在将 Atmosphere 上的媒体编辑器与 Telescope 应用程序集成时,我有一些未知部分,我无法搜索 Atmosphere 包页面,仅引用克隆的 github 页面。

我想将一个中型编辑器克隆与我的 Telescope 应用程序集成,比如 Atmosphere 上的 CitizenKevin/meteor-medium-editor。克隆的 Github 页面上的说明是关于非 Meteor 应用程序、将库引用到 html 等。

流星是怎么回事。我是如何开始使用它的。我看到有人跳过了 html 部分的引用。发行meteor add citizenKevin:medium-editor将执行这些设置。那正确吗?

我跳过了这个,只是添加了一个:

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

在我的 main.html 文件中,我正在使用 Discovering Meteor 书。

并将 main.js 文件的初始化添加为:

editor = new MediumEditor('.editable');

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

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

4

2 回答 2

2

这已在其他项目中完成,如流星博客包。

他们在这里设置了一个编辑器文件: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 项目中使用。

于 2015-01-06T21:57:00.910 回答
1

您需要像这样包装编辑器初始化:

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

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

或者你可以把它放在你的模板中的 render() 函数中,比如:

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

两者都使用流星 1.1.0.2 进行了测试

于 2015-04-19T08:24:49.337 回答