【问题标题】:TinyMCE (Angular) missing skins and themesTinyMCE (Angular) 缺少皮肤和主题
【发布时间】:2019-05-14 11:31:42
【问题描述】:

按照official docs,我正在努力自己托管插件等,即按照分步指南进行操作,其中涉及:

1) npm install --save tinymce

2) 向 angular.json 添加行

"scripts": [
  "node_modules/tinymce/tinymce.min.js",
  "node_modules/tinymce/themes/modern/theme.js",
  "node_modules/tinymce/plugins/fullscreen/plugin.js",
]

3) 运行cp -r node_modules/tinymce/skins src/assets/tinymce/skins

4) 配置微型 mce

public tinyMceSettings = {
  skin_url: '/assets/tinymce/skins/lightgray',
  inline: false,
  statusbar: false,
  browser_spellcheck: true,
  height: 320,
  plugins: 'fullscreen',
};

但是问题出在这里

tinymce node_module 目录不包含皮肤/浅灰色,也不包含主题/现代。

所以我用我可以看到存在的主题替换了主题的名称,但现在它正在泄露关于缺少浅灰色皮肤的信息。

我的问题是,为什么文档与实际体验不一致?

任何人都可以在第一次设置tinymce(自托管)时提供帮助吗?

但是为什么缺少主题和皮肤?有什么特殊的方法可以安装这些吗?

【问题讨论】:

    标签: angular tinymce tinymce-4 tinymce-plugins


    【解决方案1】:

    TinyMCE 5 中的主题和皮肤与 TinyMCE 4 中的主题和皮肤命名不同,因此您引用的方向对于 TinyMCE 4 是正确的,但对于 TinyMCE 5 是不正确的。

    如果您查看 TinyMCE 5 中的主题和皮肤文件夹(您似乎已经这样做了),您可以找到适用于 TinyMCE 5 的相应文件的名称。我会要求管理该 Angular 包装器代码的人员更新README 适当地包含 TinyMCE 4 和 TinyMCE 5 的示例。

    有关模块加载器和 TinyMCE 5 的更多详细信息,请参阅此文档页面:https://www.tiny.cloud/docs/advanced/usage-with-module-loaders/

    【讨论】:

    • 干杯谢谢。您共享的链接似乎不适用于 Angular 2+。我错了吗?好像和配置A​​ngular项目没有关系。
    • 它与模块加载器(包括 TinyMCE 文件的方式)有关。 Vue、React 和 Angular 等各种现代框架都使用模块加载器来包含 TinyMCE 等第 3 方 JavaScript。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-12-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-12-21
    相关资源
    最近更新 更多