求适配Meteor 1.6.1.1+Angular5的轻量WYSIWYG编辑器或Froala Docker修复方案

我来帮你搞定这个问题，结合你的技术栈情况，给你两个方向的解决方案：要么修复Froala的Docker构建问题，要么更换更适配的轻量级编辑器。

一、Froala编辑器Docker构建错误的修复尝试 #

你遇到的本地正常、Docker构建出错的情况，大概率是Meteor打包时资源路径解析或者依赖引入的问题，可以试试这几个方法：

• 调整Meteor打包配置：先检查你的.dockerignore文件，别误把Froala的静态资源（比如CSS、JS文件）排除在外；同时在Docker构建脚本里，确保执行meteor build时没有用会忽略前端资源的参数，比如可以尝试去掉--server-only（如果之前加了的话）。另外确认package.json里Froala相关依赖的版本和本地一致，避免构建时拉取不同版本的包。
• 手动在Angular中声明资源：Angular 5对第三方库的自动加载在Meteor打包时可能有问题，你可以在.angular-cli.json（Angular 5用的是这个配置文件）里，把Froala的CSS和JS手动添加到styles和scripts数组中，确保打包时能正确引入：

  "styles": [
    "../node_modules/froala-editor/css/froala_editor.pkgd.min.css",
    "../node_modules/froala-editor/css/froala_style.min.css"
  ],
  "scripts": [
    "../node_modules/froala-editor/js/froala_editor.pkgd.min.js"
  ]
  

• 降级Froala版本：Meteor 1.6.1.1属于比较旧的版本，和新版本Froala兼容性可能不佳，你可以尝试降级到froala-editor@2.9.x系列版本，这个版本在旧Meteor环境中稳定性更好，很多用户反馈能解决类似的构建问题。

二、适配Meteor 1.6.1.1 + Angular 5的轻量级WYSIWYG编辑器推荐 #

如果Froala的问题折腾起来太麻烦，这些轻量级编辑器更适合你的技术栈：

• Quill Editor：非常轻量，有专门适配Angular 5的ngx-quill版本，集成步骤简单，Meteor打包时几乎不会出现资源依赖问题。它的API简洁，支持文本格式化、列表、链接等基础富文本功能，足够满足常规需求。
• 精简版TinyMCE：可以选择TinyMCE的精简构建，只保留你需要的插件，打包体积很小。Angular 5有对应的angular2-tinymce封装包，适配性不错，只要在Meteor中正确配置静态资源路径就能正常运行。
• Summernote：UI简洁的轻量级编辑器，依赖极少，有针对Angular 5的封装版本，Meteor打包时不容易出现路径解析错误，适合对编辑器功能要求不复杂的场景。

内容的提问来源于stack exchange，提问作者xQp