Skip to content

R
react-ag-qeditor
Commit 07a7f9fd by Яков
Options

add glossary

parent d80102db
Showing with 63 additions and 67 deletions
package.json
{ {
"name": "react-ag-qeditor", "name": "react-ag-qeditor",
"version": "1.0.50", "version": "1.0.51",
"description": "WYSIWYG html editor", "description": "WYSIWYG html editor",
"author": "atma", "author": "atma",
"license": "MIT", "license": "MIT",
...@@ -28,8 +28,6 @@ ...@@ -28,8 +28,6 @@
"start:both": "concurrently \"npm start\" \"cd example && npm start\"" "start:both": "concurrently \"npm start\" \"cd example && npm start\""
}, },
"peerDependencies": { "peerDependencies": {
"@ant-design/icons": "^5.0.0",
"antd": "^5.0.0",
"@tiptap/extension-table": "^2.11.7", "@tiptap/extension-table": "^2.11.7",
"@tiptap/pm": "^2.11.7", "@tiptap/pm": "^2.11.7",
"prosemirror-tables": "^1.4.0", "prosemirror-tables": "^1.4.0",
...@@ -61,7 +59,6 @@ ...@@ -61,7 +59,6 @@
"dist" "dist"
], ],
"dependencies": { "dependencies": {
"@ant-design/icons": "5.6.1",
"@babel/plugin-proposal-unicode-property-regex": "^7.18.6", "@babel/plugin-proposal-unicode-property-regex": "^7.18.6",
"@tiptap/core": "^2.0.0-beta.176", "@tiptap/core": "^2.0.0-beta.176",
"@tiptap/extension-color": "^2.0.0-beta.9", "@tiptap/extension-color": "^2.0.0-beta.9",
...@@ -80,7 +77,6 @@ ...@@ -80,7 +77,6 @@
"@tiptap/extension-underline": "^2.0.0-beta.23", "@tiptap/extension-underline": "^2.0.0-beta.23",
"@tiptap/react": "^2.0.0-beta.109", "@tiptap/react": "^2.0.0-beta.109",
"@tiptap/starter-kit": "^2.0.0-beta.185", "@tiptap/starter-kit": "^2.0.0-beta.185",
"antd": "5.x",
"axios": "^0.27.2", "axios": "^0.27.2",
"katex": "^0.15.3", "katex": "^0.15.3",
"prosemirror-state": "1.4.0", "prosemirror-state": "1.4.0",
......
src/QEditor.jsx
...@@ -13,7 +13,7 @@ import TableCell from '@tiptap/extension-table-cell' ...@@ -13,7 +13,7 @@ import TableCell from '@tiptap/extension-table-cell'
import TableRow from '@tiptap/extension-table-row' import TableRow from '@tiptap/extension-table-row'
import TableHeader from '@tiptap/extension-table-header' import TableHeader from '@tiptap/extension-table-header'
import Focus from '@tiptap/extension-focus' import Focus from '@tiptap/extension-focus'
import { Input, Modal, Form, Button, message } from "antd"; // import { Input, Modal, Form, Button, message } from "antd";
// import Link from '@tiptap/extension-link' // import Link from '@tiptap/extension-link'
// import Image from '@tiptap/extension-image' // import Image from '@tiptap/extension-image'
import TextAlign from '@tiptap/extension-text-align' import TextAlign from '@tiptap/extension-text-align'
...@@ -1283,68 +1283,68 @@ const QEditor = ({ ...@@ -1283,68 +1283,68 @@ const QEditor = ({
{getInnerModal()} {getInnerModal()}
{buildActionsModal(buttons)} {buildActionsModal(buttons)}
</EditorModal> </EditorModal>
<Modal {/*<Modal*/}
width={1100} {/* width={1100}*/}
open={modalGlossaryIsOpen} {/* open={modalGlossaryIsOpen}*/}
title={'Добавить слово'} {/* title={'Добавить слово'}*/}
onCancel={()=>{ {/* onCancel={()=>{*/}
setModalGlossaryIsOpen(false); {/* setModalGlossaryIsOpen(false);*/}
}} {/* }}*/}
footer={[ {/* footer={[*/}
<Button key={1} {/* <Button key={1}*/}
size={'middle'} {/* size={'middle'}*/}
type={'text'} {/* type={'text'}*/}
onClick={()=>{ {/* onClick={()=>{*/}
setModalGlossaryIsOpen(false); {/* setModalGlossaryIsOpen(false);*/}
}}>Отменить</Button>, {/* }}>Отменить</Button>,*/}
<Button key={2} {/* <Button key={2}*/}
size={'middle'} {/* size={'middle'}*/}
type={'primary'} {/* type={'primary'}*/}
htmlType={'submit'} {/* htmlType={'submit'}*/}
form={'form-glossary'} {/* form={'form-glossary'}*/}
>Сохранить</Button> {/* >Сохранить</Button>*/}
]} {/* ]}*/}
> {/*>*/}
<Form {/* <Form*/}
name={'form-glossary'} {/* name={'form-glossary'}*/}
initialValues={{word : wordGlossary}} {/* initialValues={{word : wordGlossary}}*/}
labelCol={{span: 8}} {/* labelCol={{span: 8}}*/}
wrapperCol={{span: 32}} {/* wrapperCol={{span: 32}}*/}
layout="vertical" {/* layout="vertical"*/}
size="middle" {/* size="middle"*/}
style={{margin: '30px'}} {/* style={{margin: '30px'}}*/}
onFinish={(values) => { {/* onFinish={(values) => {*/}
editWord(values); {/* editWord(values);*/}
}} {/* }}*/}
> {/* >*/}
<Form.Item name="id" style={{'display': 'none'}}> {/* <Form.Item name="id" style={{'display': 'none'}}>*/}
<input type="hidden"/> {/* <input type="hidden"/>*/}
</Form.Item> {/* </Form.Item>*/}
<Form.Item {/* <Form.Item*/}
label={'Термин'} {/* label={'Термин'}*/}
name="word" {/* name="word"*/}
rules={[ {/* rules={[*/}
{ {/* {*/}
required: true, {/* required: true,*/}
message: 'Обязательное поле', {/* message: 'Обязательное поле',*/}
type:"string" {/* type:"string"*/}
}, {/* },*/}
{ min: 2, message: 'Минимум 2 символа' }, {/* { min: 2, message: 'Минимум 2 символа' },*/}
{ max: 254, message: 'Максимум 254 символов' }, {/* { max: 254, message: 'Максимум 254 символов' },*/}
]} {/* ]}*/}
> {/* >*/}
<Input placeholder={'Термин'}/> {/* <Input placeholder={'Термин'}/>*/}
</Form.Item> {/* </Form.Item>*/}
<Form.Item {/* <Form.Item*/}
name="description" {/* name="description"*/}
label={'Краткое описание'} {/* label={'Краткое описание'}*/}
rules={[{required: true, type: 'string', message: 'Обязательное поле' }]} {/* rules={[{required: true, type: 'string', message: 'Обязательное поле' }]}*/}
> {/* >*/}
<TextArea showCount={true} maxLength={1000} placeholder={'Краткое описание'}/> {/* <TextArea showCount={true} maxLength={1000} placeholder={'Краткое описание'}/>*/}
</Form.Item> {/* </Form.Item>*/}
</Form> {/* </Form>*/}
</Modal> {/*</Modal>*/}
</div> </div>
) )
} }
......
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