simple-tinymce-react
v1.0.6
Published
a simple tinymce template
Downloads
2
Readme
基于自定义的multi-react-webpack-cli脚手架 基于tinymce编辑器,对其进行基础样式修改,样式更简洁
步骤: 1.先使用multi-react-webpack-cli init xxx 实现本地初始化项目 2.在src目录下创建tinymce组件,同时新建index.tsx文件将tinymce组件导出 3.本地开发环境测试:可以创建一个app.tsx和index.html(跟默认模板的app createApp挂载一样), 本地执行yarn start即可以运行程序,并在浏览器查看程序是否正确 4.本地测试通过之后就要发布到npm了,首先对默认的webpack配置文件进行修改,output这里的 (filename: 'index.js', libraryTarget: 'commonjs2',)这两个属性进行修改,并执行yarn run build进行 打包(这里打包的目的就是将tsx/ts文件进行编译,编译成浏览器能识别的文件类型),修改package.json文件的main入口文件,将其设置为dist/index.js(组件在引用的时候main的值就是入口文件) 5.npm login/npm pulish
问题:静态文件路径问题 当前项目引用的skins.min.css是相对路径引用的,到了引用这个组件的项目中,变成了当前项目的相对路径,会导致404, 目前想到解决方案: 1.采用nginx对静态资源进行转发,即将静态资源放置到一个服务器上,但是每增加一个包的引用,就需要配置一个跨域访问 2.能不能从代码方面上进行解决?(可能性不大,因为tinymce对于skins.min.css的引用是封装了一层的,不是简单的引用某个路径)