如何在Meteor JS中集成TinyMCE和CKEditor？

Question

我想在我的项目中使用CKEditor或TinyMCE编辑器。 所以我把TinyMCE文件夹放在meteor公共文件夹中，也放了

<head>
<script type="text/javascript" src="<your installation path>/tinymce/tinymce.min.js"></script>
<script type="text/javascript">
    tinymce.init({
        selector: "textarea"
    });
</script>

在模板头标记。 但是收到以下错误。 资源解释为脚本但使用MIME类型text / html传输： "http://localhost:3000/%3Cyour%20installation%20path%3E/tinymce/tinymce.min.js". (index):97 "http://localhost:3000/%3Cyour%20installation%20path%3E/tinymce/tinymce.min.js". (index):97 Uncaught SyntaxError：意外的标记<tinymce.min.js：1未捕获的ReferenceError：未定义tinymce

我该如何解决这个问题？ 它与CKEditor相同。 有没有其他丰富的编辑器，我可以在Meteor JS中使用它？

Answer 1

首先，您需要将CKEDITOR构建下载中的所有内容放在公用文件夹中。 CKEDITOR带有各种各样的东西，并根据相关目录引用所有内容。

您的公用文件夹应该有一个名为ckeditor的目录，它应该包含以下文件和文件夹：

 adapters
 lang
 plugins
 skins
 ckeditor.js
 config.js
 contents.css
 styles.js

在您的主要布局文件中引用CKEDITOR，如下所示：

 <head>
   <script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
   <script type="text/javascript" src="/ckeditor/adapters/jquery.js"></script>
 </head>

在您的模板中：

 <template name="yourTemplate">
   <textarea id="content" name="content"></textarea>
 </template>

最后，在模板的渲染功能中：

 Template.yourTemplate.rendered = function() {
   $('#content').ckeditor();
 };

通常情况下，你会这样说this.$('#content').ckeditor()但这不起作用，因为CKEDITOR在你的公共文件夹中。 因此，您需要对#content元素进行全局引用。

Answer 2

而不是/public文件夹，将您的文件放在/client/compatibility 。 然后在要使用它的模板中初始化它。

Template.editor.rendered = function() {
  tinymce.init({
    selector: 'textarea'
  });
};

Answer 3

这是搜索wysiwyg的唯一结果：

https://github.com/mcrider/meteor-bootstrap-wysiwyg

meteor add mcrider:bootstrap-wysiwyg

看起来比CKEditor或TinyMCE简单一些，但也许这对你的项目来说没问题。

如何在Meteor JS中集成TinyMCE和CKEditor？

问题描述

3 个解决方案

解决方案1
7 已采纳 2014-09-26 12:39:16

解决方案2
1 2014-09-24 07:41:23

解决方案3
0 2014-09-24 08:18:28

如何在Meteor JS中集成TinyMCE和CKEditor？

问题描述

3 个解决方案

解决方案1 7 已采纳 2014-09-26 12:39:16

解决方案2 1 2014-09-24 07:41:23

解决方案3 0 2014-09-24 08:18:28

解决方案1
7 已采纳 2014-09-26 12:39:16

解决方案2
1 2014-09-24 07:41:23

解决方案3
0 2014-09-24 08:18:28