我正在尝试在我的项目中使用 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 类型文本/html 传输:“http://localhost:3000/%3Cyour%20installation%20path%3E/tinymce/tinymce.min.js”。 (索引):97
未捕获的语法错误:意外的 token < tinymce.min.js:1
未捕获的 ReferenceError:未定义 tinymce
如何解决这个问题?它与 CKEditor 相同。 我可以在 Meteor JS 中使用其他富编辑器吗?
最佳答案
首先,您需要将 CKEDITOR 构建下载中的所有内容放入公共(public)文件夹中。 CKEDITOR 附带了各种各样的东西,并根据相关目录引用所有内容。
您的公共(public)文件夹应该有一个名为 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 在您的公共(public)文件夹中。因此,您需要对 #content
元素进行全局引用。
关于javascript - 如何在 Meteor JS 中集成 TinyMCE 和 CKEditor?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26010749/