https://github.com/dineug/textflow

WYSIWYG Editor VSCode Extension
https://github.com/dineug/textflow

doc editor lexical rich-text textflow vscode wysiwyg

Last synced: 2 months ago
JSON representation

WYSIWYG Editor VSCode Extension

• Host: GitHub
• URL: https://github.com/dineug/textflow
• Owner: dineug
• License: mit
• Created: 2024-08-06T10:28:59.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-08T09:46:05.000Z (9 months ago)
• Last Synced: 2025-04-08T04:13:59.707Z (6 months ago)
• Topics: doc, editor, lexical, rich-text, textflow, vscode, wysiwyg
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=dineug.textflow-editor-vscode
• Size: 1.87 MB
• Stars: 5
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# textflow

> WYSIWYG Editor [VSCode Extension](https://marketplace.visualstudio.com/items?itemName=dineug.textflow-editor-vscode)

![erd-editor](https://github.com/dineug/textflow/blob/main/static/img/textflow-vscode.png?raw=true)

## Usage

create an empty file with a `.txf.json` extension and open it in Visual Studio Code.

## Features

### WYSIWYG Editor

- A rich-text editor based on Lexical.

- To access commands, press the `/` key.

![command](https://github.com/dineug/textflow/blob/main/static/img/demo-command.webp?raw=true)

### Reference Linking

- Supports linking between documents.

- To create a link, press the `[` key.

![reference](https://github.com/dineug/textflow/blob/main/static/img/demo-reference.webp?raw=true)

### Emoji Autocomplete

- Provides emoji autocompletion.

- To search for an emoji, type `:` followed by a keyword.

![emoji](https://github.com/dineug/textflow/blob/main/static/img/demo-emoji.webp?raw=true)

### Theme Configuration

- Easily change themes using keyboard shortcuts.

- Press `Ctrl + K` (Windows/Linux) or `⌘ + K` (Mac) to open the theme selector.

![theme](https://github.com/dineug/textflow/blob/main/static/img/demo-theme.webp?raw=true)