Skip to content

J
jf-backend-template
Commit 6dd082ea authored by jason.xing's avatar jason.xing
Browse files
Options

【删除】移除CKEditor的配置

parent 88302268
Hide whitespace changes
Inline Side-by-side
Showing with 1 addition and 12876 deletions
config-overrides.js
View file @ 6dd082ea
const {override, fixBabelImports, getBabelLoader, addDecoratorsLegacy, disableEsLint} = require('customize-cra');
const {styles} = require('@ckeditor/ckeditor5-dev-utils');
const CKEditorWebpackPlugin = require( '@ckeditor/ckeditor5-dev-webpack-plugin' );
const CKEditorPlugin = new CKEditorWebpackPlugin( {
// Main language that will be built into the main bundle.
language: 'zh-cn',
// Additional languages that will be emitted to the `outputDirectory`.
// This option can be set to an array of language codes or `'all'` to build all found languages.
// The bundle is optimized for one language when this option is omitted.
// additionalLanguages: 'all',
// Optional directory for emitted translations. Relative to the webpack's output.
// Defaults to `'translations'`.
// outputDirectory: 'ckeditor5-translations',
// Whether the build process should fail if an error occurs.
// Defaults to `false`.
// strict: true,
// Whether to log all warnings to the console.
// Defaults to `false`.
// verbose: true
} )
const fileLoaderMatcher = function (rule) {
return rule.loader && rule.loader.indexOf(`file-loader`) !== -1;
......@@ -74,38 +50,6 @@ function addPlugin(config) {
]
},
/*-------------------------------------------ant design webpack config end-----------------------------------------------*/
/*-------------------------------------------ckeditor5 webpack config start-----------------------------------------------*/
{
test: /ckeditor5-[^/\\]+[/\\]theme[/\\]icons[/\\][^/\\]+\.svg$/,
use: ['raw-loader']
},
{
test: /ckeditor5-[^/\\]+[/\\]theme[/\\].+\.css/,
use: [
{
loader: 'style-loader',
options: {
singleton: true
}
},
{
loader: 'postcss-loader',
options: styles.getPostCssConfig({
themeImporter: {
themePath: require.resolve('@ckeditor/ckeditor5-theme-lark')
},
minify: true
})
}
]
},
{
test: /\.css$/,
exclude: /ckeditor5-[^/\\]+[/\\]theme[/\\].+\.css/,
// (...)
}
/*-------------------------------------------ckeditor5 webpack config end-----------------------------------------------*/
],
...config.module.rules[2].oneOf
];
......@@ -122,8 +66,6 @@ function addPlugin(config) {
l.exclude = reg;
}
config.plugins.push(CKEditorPlugin);
return config;
}
......
src/page/overall/overall.js
View file @ 6dd082ea
......@@ -4,81 +4,6 @@ import {JFLoading} from "../../component/JFLoading/JFLoading";
import {observer,inject} from "mobx-react/index";
import {JFPageHeader} from "../../component/JFPageHeader/JFPageHeader";
import {JFContent, JFContentHeader} from "../../component/JFContent/JFContent";
import {Icon, Switch} from 'antd';
import Clipboard from 'react-clipboard.js';
import {CartesianGrid, Line, LineChart, ResponsiveContainer, Tooltip, XAxis, YAxis} from "recharts";
import {Message} from "../../common/message";
import {numberSplit} from "../../common/utils";
import CKEditor from '@ckeditor/ckeditor5-react';
import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor';
import Alignment from '@ckeditor/ckeditor5-alignment/src/alignment';
import Heading from '@ckeditor/ckeditor5-heading/src/heading';
import Bold from '@ckeditor/ckeditor5-basic-styles/src/bold';
import Italic from '@ckeditor/ckeditor5-basic-styles/src/italic';
import Paragraph from '@ckeditor/ckeditor5-paragraph/src/paragraph';
import Link from '@ckeditor/ckeditor5-link/src/link';
import Table from '@ckeditor/ckeditor5-table/src/table';
import Essentials from '@ckeditor/ckeditor5-essentials/src/essentials';
import TableToolbar from '@ckeditor/ckeditor5-table/src/tabletoolbar';
import Font from '@ckeditor/ckeditor5-font/src/font';
import List from '@ckeditor/ckeditor5-list/src/list';
import Image from '@ckeditor/ckeditor5-image/src/image';
import ImageToolbar from '@ckeditor/ckeditor5-image/src/imagetoolbar';
import ImageCaption from '@ckeditor/ckeditor5-image/src/imagecaption';
import ImageStyle from '@ckeditor/ckeditor5-image/src/imagestyle';
import EasyImage from '@ckeditor/ckeditor5-easy-image/src/easyimage';
const ckEditorConfig = {
plugins:[ Essentials, Heading, Font, Alignment, Bold, Italic, Link, Table, TableToolbar, List, Image, ImageToolbar, ImageCaption, ImageStyle, EasyImage ],
toolbar: ['heading', '|', 'fontFamily', 'fontSize', 'fontColor', 'fontBackgroundColor', 'bulletedList', 'numberedList', 'alignment', 'bold','italic','link','insertTable', 'imageUpload', '|', 'undo', 'redo'],
table: {
contentToolbar: [ 'tableColumn', 'tableRow', 'mergeTableCells' ]
},
fontFamily: {
options: [
'default',
'Arial, Helvetica, sans-serif',
'Courier New, Courier, monospace',
'Georgia, serif',
'Lucida Sans Unicode, Lucida Grande, sans-serif',
'Tahoma, Geneva, sans-serif',
'Times New Roman, Times, serif',
'Trebuchet MS, Helvetica, sans-serif',
'Verdana, Geneva, sans-serif'
]
},
fontSize: {
options: [12, 13, 14, 15, 'default', 17, 18, 19, 21, 22, 23, 24]
},
fontColor: {
columns: 8,
// ...
},
fontBackgroundColor: {
columns: 8,
// ...
},
image: {
toolbar: [ 'imageTextAlternative', '|', 'imageStyle:full', 'imageStyle:side' ],
styles: [
'full',
'side',
'alignLeft',
'alignCenter',
'alignRight'
]
},
// 图片上传配置
cloudServices: {
// tokenUrl: 'https://example.com/cs-token-endpoint',
// uploadUrl: 'https://your-organization-id.cke-cs.com/easyimage/upload/'
}
};
@inject('overallStore', 'appStore')
@observer
......@@ -91,40 +16,13 @@ class Overall extends Component {
render() {
let obj = {};
let { overallStore, appStore } = this.props;
let pvData = overallStore.pvInfo
.filter(({ day,flows }) => { return flows.length !== 0 })
.map(({ day,flows }) => { return { day,...(function () {
obj = {};
for (let i =0; i<flows.length; i++) {
obj['f'+i] = flows[i].count
}
return obj;
}())}});
return (
<Fragment>
<JFLoading loading={overallStore.loading} mask={true} />
<div className={'ps-overall'}>
<JFPageHeader routes={[{ name:'总览' }]}/>
<JFContent>
<CKEditor
editor={ ClassicEditor }
data="<p>Hello from CKEditor 5!</p>"
config={ ckEditorConfig }
onInit={ editor => {
// You can store the "editor" and use when it is needed.
console.log( 'Editor is ready to use!', editor );
} }
onChange={ ( event, editor ) => {
const data = editor.getData();
console.log( { event, editor, data } );
} }
onBlur={ editor => {
console.log( 'Blur.', editor );
} }
onFocus={ editor => {
console.log( 'Focus.', editor );
} }
/>
</JFContent>
</div>
</Fragment>
......
yarn.lock deleted 100644 → 0
View file @ 88302268
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment