gpt4 book ai didi

meteor - 在 Meteor 中集成 CKEditor

转载 作者:行者123 更新时间:2023-12-04 16:44:37 24 4
gpt4 key购买 nike

我正在尝试在 meteor 应用程序中使用 CKEditor:
我的尝试:

  • 将包含所有文件(js、css、lang、插件和皮肤)的 CKEditor 文件夹放在公共(public)文件夹中,在标题中包含对 javascript 文件(ckeditor.js)的引用,并在 textarea 元素中使用适当的类。失败,因为编辑器仅在 textarea 位于正文中时才有效(在任何模板中,textarea 控件保持未修改)。
  • 将 javascript 文件(ckeditor.js、config.js、styles.js)放在 client/lib/compatibility 文件夹中,其余文件放在 public 文件夹中。这次应用程序找不到文件(皮肤,插件,...),因为正在寻找 localhost:3000/client/lib/compatibility/ckeditor/...

  • 以前有没有人使这种集成工作?

    最佳答案

    我得到了这个工作,并想为 future 的访问者发布一个解决方案。首先,您需要将 CKEDITOR 构建下载中的所有内容放在公共(public)文件夹中。 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 的全局引用。元素。

    关于meteor - 在 Meteor 中集成 CKEditor,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20009953/

    24 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com