react-ckeditor-classic
react-ckeditor-classic
1. Usage
yarn add react-ckeditor-classic
import ReactEditor from 'react-ckeditor-classic'; <ReactEditor ='Hello Editor!' = =/>
2. PublishLog
v1.1.0
20180914
feature: format onChange parameters
v1.0.0
20180913
feat: Publish first version
3. Custom defination
(1). Webpack configuration
If you use Webpack, you should config
webpack.config.js
const styles } = ; module: rules: oneOf: test: /ckeditor5-[^/\\]+[/\\]theme[/\\]icons[/\\][^/\\]+\.svg$/ use: 'raw-loader' test: /ckeditor5-[^/\\]+[/\\]theme[/\\].+\.css/ use: loader: 'style-loader' options: singleton: true loader: 'postcss-loader' options: styles exclude: /\.js$/ /\.html$/ /\.json$/ /ckeditor5-[^/\\]+[/\\]theme[/\\]icons[/\\][^/\\]+\.svg$/ /ckeditor5-[^/\\]+[/\\]theme[/\\].+\.css/ loader: 'file-loader' options: name: 'assets/[name].[hash:8].[ext]'
recommend plugin
If you build for production you maybe should use terser-webpack-plugin not uglifyjs-webpack-plugin Because
terser-webpack-plugin
support ES6.
For example
optimization: minimizer: sourceMap: useSourceMap cache: true parallel: true terserOptions: output: ascii_only: true comments: false ecma: 8 compress: comparisons: false