Question

我希望将epiceditor添加到我的meteor项目中，这是一个javascript嵌入式降价编辑器。 http://epiceditor.com/

在初始化选项中，您必须提供编辑器所依赖的css文件夹的基本路径。像这样：

var opts = {
  container: 'epiceditor',
  textarea: null,
  basePath: 'epiceditor',
  clientSideStorage: true,
  localStorageName: 'epiceditor',
  useNativeFullscreen: true,
  parser: marked,
  file: {
    name: 'epiceditor',
    defaultContent: '',
    autoSave: 100
  },
  theme: {
    base: '/themes/base/epiceditor.css',
    preview: '/themes/preview/preview-dark.css',
    editor: '/themes/editor/epic-dark.css'
  }

来自文档：

basepath：包含/ themes。

的目录的基本路径

我目前将所有files.css保存在应用程序根目录中的样式表文件夹中。如何在流星应用程序中提供样式表的路径？

Answer 1

将epiceditor css文件放在/public中，然后指定相对于该文件的路径。

要使用您在opts中指定的路径，它将如下所示。

|-- client
|-- server
|-- private
|-- public
|   |-- epiceditor
|   |   |-- themes
|   |   |   |-- base
|   |   |   |   |-- epiceditor.css
|   |   |   |   |-- preview-dark.css
|   |   |   |   `-- epic-dark.css

Answer 2

我在博客中使用EpicEditor。

您需要将这些css文件复制到public目录并相应地指定相对路径：

...
basePath:'/css',
theme: {
            base: '/themes/base/epiceditor.css',
            editor: '/themes/editor/epic-dark.css',
            preview: '/themes/preview/github.css'
        },

...

和文件应放在dirs：

public/css/themes/base/epiceditor.css
public/css/themes/editor/epic-dark.css
public/css/themes/preview/github.css

Meteor：初始化对象并提供css文件的路径

2 个答案: