Skip to content

Commit

Permalink
[add] Copy Tool & Paste Parser for Markdown
Browse files Browse the repository at this point in the history
[fix] Read Me document & Package configuration bugs
[optimize] update Upstream packages
  • Loading branch information
TechQuery committed Jun 9, 2024
1 parent f396451 commit b86046b
Show file tree
Hide file tree
Showing 20 changed files with 1,122 additions and 1,021 deletions.
2 changes: 2 additions & 0 deletions .npmignore
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
WebCell/
React/
test/
docs/
*.sh
.parcel*
.husky/
.vscode/
Expand Down
2 changes: 1 addition & 1 deletion React/ReadMe.md
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ npm install react react-bootstrap-editor
<head>
<link
rel="stylesheet"
href="https://unpkg.com/bootstrap@5.3.2/dist/css/bootstrap.min.css"
href="https://unpkg.com/bootstrap@5.3.3/dist/css/bootstrap.min.css"
/>
<link
rel="stylesheet"
Expand Down
16 changes: 8 additions & 8 deletions React/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "react-bootstrap-editor",
"version": "2.0.2",
"version": "2.0.4",
"license": "LGPL-3.0",
"author": "shiy2008@gmail.com",
"contributors": [
Expand All @@ -24,10 +24,10 @@
"types": "dist/index.d.ts",
"dependencies": {
"@swc/helpers": "^0.5.11",
"edkit": "^1.1.1",
"edkit": "^1.2.0-rc.0",
"mobx": ">=6.11",
"mobx-react": ">=9.1",
"web-utility": "^4.3.0"
"web-utility": "^4.4.0"
},
"peerDependencies": {
"react": ">=16",
Expand All @@ -38,12 +38,12 @@
"@parcel/packager-ts": "~2.12.0",
"@parcel/transformer-typescript-tsc": "~2.12.0",
"@parcel/transformer-typescript-types": "~2.12.0",
"@types/react": "^18.2.79",
"@types/react-dom": "^18.2.25",
"@types/react": "^18.3.3",
"@types/react-dom": "^18.3.0",
"parcel": "~2.12.0",
"process": "^0.11.10",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"typescript": "~5.4.5"
},
"browserslist": "> 0.5%, last 2 versions, not dead, IE 11",
Expand All @@ -55,7 +55,7 @@
"scripts": {
"clean": "rm -rf .parcel-cache/ dist/",
"start": "npm run clean && cd test/ && parcel index.html --open",
"pack-demo": "npm run clean && cd test/ && parcel build index.html --public-url .",
"pack-demo": "rm -rf .parcel-cache/ test/dist/ && cd test/ && parcel build index.html --public-url .",
"build": "npm run clean && parcel build",
"prepublishOnly": "npm run build && npm run pack-demo"
}
Expand Down
410 changes: 200 additions & 210 deletions React/pnpm-lock.yaml

Large diffs are not rendered by default.

8 changes: 8 additions & 0 deletions React/source/tools/Extra.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
import { CopyMarkdownTool as CMDT } from 'edkit';

import { renderTool } from '../Tool';

export class CopyMarkdownTool extends CMDT {
icon = 'markdown';
render = renderTool;
}
3 changes: 3 additions & 0 deletions React/source/tools/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -24,12 +24,14 @@ import {
} from './Layout';
import { IFrameTool, ImageTool, AudioTool, VideoTool } from './Media';
import { UndoTool, RedoTool, ResetTool, ClearTool } from './Control';
import { CopyMarkdownTool } from './Extra';

export * from './Text';
export * from './Color';
export * from './Layout';
export * from './Media';
export * from './Control';
export * from './Extra';

export const TextTools = [
BoldTool,
Expand Down Expand Up @@ -57,6 +59,7 @@ export const LayoutTools = [
];
export const MediaTools = [IFrameTool, ImageTool, AudioTool, VideoTool];
export const ControlTools = [UndoTool, RedoTool, ResetTool, ClearTool];
export const ExtraTools = [CopyMarkdownTool];

export const OriginalTools = [
...TextTools,
Expand Down
27 changes: 21 additions & 6 deletions React/test/index.tsx
Original file line number Diff line number Diff line change
@@ -1,17 +1,32 @@
import { configure } from 'mobx';
import { render } from 'react-dom';
import { formToJSON } from 'web-utility';
import { configure } from 'mobx';

import { Editor, OriginalTools } from '../source';
import { Editor, OriginalTools, ExtraTools } from '../source';

configure({ enforceActions: 'never' });

render(
<form className="container">
<legend>React Bootstrap editor</legend>
<form
className="container"
onSubmit={event => {
event.preventDefault();

<Editor tools={OriginalTools} name="content" onChange={console.log} />
const { content } = formToJSON(event.currentTarget);

alert(content);
}}
>
<legend>React Bootstrap editor</legend>

<button className="btn btn-primary my-2"></button>
<Editor
tools={[...OriginalTools, ...ExtraTools]}
name="content"
onChange={console.log}
/>
<button className="btn btn-primary my-2" type="submit">
</button>
</form>,
document.querySelector('main')
);
62 changes: 33 additions & 29 deletions ReadMe.md
Original file line number Diff line number Diff line change
Expand Up @@ -59,47 +59,51 @@ export class HTMLEditor extends Component implements EditorComponent {

#### Text

1. [Bold](https://idea2app.github.io/Edkit/classes/tools_text.boldtool.html)
2. [Italic](https://idea2app.github.io/Edkit/classes/tools_text.italictool.html)
3. [Underline](https://idea2app.github.io/Edkit/classes/tools_text.underlinetool.html)
4. [Strike through](https://idea2app.github.io/Edkit/classes/tools_text.strikethroughtool.html)
5. [H1](https://idea2app.github.io/Edkit/classes/tools_text.h1tool.html)
6. [H2](https://idea2app.github.io/Edkit/classes/tools_text.h2tool.html)
7. [H3](https://idea2app.github.io/Edkit/classes/tools_text.h3tool.html)
8. [Font Size down](https://idea2app.github.io/Edkit/classes/tools_text.fontsizedowntool.html)
9. [Font Size up](https://idea2app.github.io/Edkit/classes/tools_text.fontsizeuptool.html)
10. [Subscript](https://idea2app.github.io/Edkit/classes/tools_text.subscripttool.html)
11. [Superscript](https://idea2app.github.io/Edkit/classes/tools_text.superscripttool.html)
12. [Link](https://idea2app.github.io/Edkit/classes/tools_text.linktool.html)
1. [Bold](https://idea2app.github.io/Edkit/classes/BoldTool.html)
2. [Italic](https://idea2app.github.io/Edkit/classes/ItalicTool.html)
3. [Underline](https://idea2app.github.io/Edkit/classes/UnderlineTool.html)
4. [Strike through](https://idea2app.github.io/Edkit/classes/StrikeThroughTool.html)
5. [H1](https://idea2app.github.io/Edkit/classes/H1Tool.html)
6. [H2](https://idea2app.github.io/Edkit/classes/H2Tool.html)
7. [H3](https://idea2app.github.io/Edkit/classes/H3Tool.html)
8. [Font Size down](https://idea2app.github.io/Edkit/classes/FontSizeDownTool.html)
9. [Font Size up](https://idea2app.github.io/Edkit/classes/FontSizeUpTool.html)
10. [Subscript](https://idea2app.github.io/Edkit/classes/SubscriptTool.html)
11. [Superscript](https://idea2app.github.io/Edkit/classes/SuperscriptTool.html)
12. [Link](https://idea2app.github.io/Edkit/classes/LinkTool.html)

#### Color

1. [Fore Color](https://idea2app.github.io/Edkit/classes/tools_color.forecolortool.html)
2. [Back Color](https://idea2app.github.io/Edkit/classes/tools_color.backcolortool.html)
1. [Fore Color](https://idea2app.github.io/Edkit/classes/ForeColorTool.html)
2. [Back Color](https://idea2app.github.io/Edkit/classes/BackColorTool.html)

#### Layout

1. [Align Left](https://idea2app.github.io/Edkit/classes/tools_layout.alignlefttool.html)
2. [Align Center](https://idea2app.github.io/Edkit/classes/tools_layout.aligncentertool.html)
3. [Align Right](https://idea2app.github.io/Edkit/classes/tools_layout.alignrighttool.html)
4. [Align Full](https://idea2app.github.io/Edkit/classes/tools_layout.alignfulltool.html)
5. [Ordered list](https://idea2app.github.io/Edkit/classes/tools_layout.orderedlisttool.html)
6. [Unordered list](https://idea2app.github.io/Edkit/classes/tools_layout.unorderedlisttool.html)
7. [Horizontal rule](https://idea2app.github.io/Edkit/classes/tools_layout.horizontalruletool.html)
1. [Align Left](https://idea2app.github.io/Edkit/classes/AlignLeftTool.html)
2. [Align Center](https://idea2app.github.io/Edkit/classes/AlignCenterTool.html)
3. [Align Right](https://idea2app.github.io/Edkit/classes/AlignRightTool.html)
4. [Align Full](https://idea2app.github.io/Edkit/classes/AlignFullTool.html)
5. [Ordered list](https://idea2app.github.io/Edkit/classes/OrderedListTool.html)
6. [Unordered list](https://idea2app.github.io/Edkit/classes/UnorderedListTool.html)
7. [Horizontal rule](https://idea2app.github.io/Edkit/classes/HorizontalRuleTool.html)

#### Media

1. [Embed Web page](https://idea2app.github.io/Edkit/classes/tools_media.iframetool.html)
2. [Image](https://idea2app.github.io/Edkit/classes/tools_media.imagetool.html)
3. [Audio](https://idea2app.github.io/Edkit/classes/tools_media.audiotool.html)
4. [Video](https://idea2app.github.io/Edkit/classes/tools_media.videotool.html)
1. [Embed Web page](https://idea2app.github.io/Edkit/classes/IFrameTool.html)
2. [Image](https://idea2app.github.io/Edkit/classes/ImageTool.html)
3. [Audio](https://idea2app.github.io/Edkit/classes/AudioTool.html)
4. [Video](https://idea2app.github.io/Edkit/classes/VideoTool.html)

#### Control

1. [Undo](https://idea2app.github.io/Edkit/classes/tools_control.undotool.html)
2. [Redo](https://idea2app.github.io/Edkit/classes/tools_control.redotool.html)
3. [Reset](https://idea2app.github.io/Edkit/classes/tools_control.resettool.html)
4. [Clear](https://idea2app.github.io/Edkit/classes/tools_control.cleartool.html)
1. [Undo](https://idea2app.github.io/Edkit/classes/UndoTool.html)
2. [Redo](https://idea2app.github.io/Edkit/classes/RedoTool.html)
3. [Reset](https://idea2app.github.io/Edkit/classes/ResetTool.html)
4. [Clear](https://idea2app.github.io/Edkit/classes/ClearTool.html)

#### Extra

1. [Copy Markdown](https://idea2app.github.io/Edkit/classes/CopyMarkdownTool.html)

[1]: https://www.typescriptlang.org/
[2]: https://libraries.io/npm/edkit
Expand Down
6 changes: 3 additions & 3 deletions WebCell/ReadMe.md
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ npm install web-cell boot-cell-editor
<head>
<link
rel="stylesheet"
href="https://unpkg.com/bootstrap@5.3.2/dist/css/bootstrap.min.css"
href="https://unpkg.com/bootstrap@5.3.3/dist/css/bootstrap.min.css"
/>
<link
rel="stylesheet"
Expand All @@ -56,7 +56,7 @@ npm install web-cell boot-cell-editor
### Initialization

```javascript
import { component } from
import { component } from 'web-cell';
import { Editor } from 'boot-cell-editor';

@component({ tagName: 'post-edit' })
Expand All @@ -73,7 +73,7 @@ export class PostEdit extends HTMLElement {
}
```

[1]: https://github.com/idea2app/Edkit/
[1]: https://github.com/idea2app/Edkit
[2]: https://web-cell.dev/
[3]: https://getbootstrap.com/
[4]: https://libraries.io/npm/boot-cell-editor
Expand Down
10 changes: 5 additions & 5 deletions WebCell/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "boot-cell-editor",
"version": "1.0.0-rc.2",
"version": "1.0.0-rc.4",
"license": "LGPL-3.0",
"author": "shiy2008@gmail.com",
"description": "Lightweight Rich Text Editor based on TypeScript, WebCell & Bootstrap",
Expand All @@ -12,7 +12,7 @@
"webcell",
"bootstrap"
],
"homepage": "https://github.com/idea2app/Edkit/tree/master/React/",
"homepage": "https://github.com/idea2app/Edkit/tree/master/WebCell/",
"bugs": {
"url": "https://github.com/idea2app/Edkit/issues"
},
Expand All @@ -22,10 +22,10 @@
"dependencies": {
"@swc/helpers": "^0.5.11",
"dom-renderer": "^2.1.4",
"edkit": "^1.1.1",
"edkit": "^1.2.0-rc.0",
"mobx": ">=6.11",
"web-cell": "^3.0.0-rc.15",
"web-utility": "^4.3.0"
"web-utility": "^4.4.0"
},
"devDependencies": {
"@parcel/config-default": "~2.12.0",
Expand All @@ -44,7 +44,7 @@
"scripts": {
"clean": "rm -rf .parcel-cache/ dist/",
"start": "npm run clean && cd test/ && parcel index.html --open",
"pack-demo": "npm run clean && cd test/ && parcel build index.html --public-url .",
"pack-demo": "rm -rf .parcel-cache/ test/dist/ && cd test/ && parcel build index.html --public-url .",
"build": "npm run clean && parcel build",
"prepublishOnly": "npm run build && npm run pack-demo"
}
Expand Down
Loading

0 comments on commit b86046b

Please sign in to comment.