Visual Weaver - Open Source WYSIWYG Editor for Web

Version: v1.0
Developed by: Kehem IT Team

Introduction

Visual Weaver is an open-source WYSIWYG (What You See Is What You Get) editor for the web, built using Nuxt.js and powered by the Tiptap editor. It aims to provide a powerful and extensible rich-text editing experience for web applications.

Features

✅ Available Features:

• Redo & Undo
• Text Formatting:
  • Bold
  • Italic
  • Underline
  • Strikethrough
  • Subscript
  • Superscript
  • Highlight
  • Remove Styles
• Paragraph Styles:
  • Text Alignments (Left, Center, Right, Justify)
  • Lists (Bullet/Ordered)
  • Blockquote
• Media Embedding:
  • Images (Base64 or Link)
  • YouTube Videos
• Tables:
  • Create Tables
  • Draggable Columns
• Hyperlinks:
  • Add & Edit Links
• Full-screen Mode

🚧 Features in Development:

• Font Color Selection
• Background Color Selection
• Code View Mode
• Help Tools

❌ Currently Not Supported:

• Floating Toolbar (Air Mode)

Installation

# Clone the repository
git clone https://github.com/surajit-singha-sisir/Visual-Weaver-Text-Editor.git
cd Visual-Weaver-Text-Editor

# Install dependencies
yarn install   # or npm install

# Start the development server
yarn dev   # or npm run dev

🔍 Preview

📌 Paste as HTML

🎯 Shortcut Tooltip

🛠️ All the Tools

🖼️ Image Insertion

🎬 YouTube Video Embedded

Live Demo

Check out the live demo: Visual Weaver

Usage

Once the development server is running, open http://localhost:3000/ in your browser to use Visual Weaver.

Future Roadmap

• Enhancing text editing features
• More formatting options
• Custom plugins & integrations
• Improved UX and UI for better usability

Contribution

We welcome contributions from the open-source community! Feel free to fork this repository, submit issues, or create pull requests.

License

This project is licensed under the MIT License.

Credits

Developed by Kehem IT Team
Website: www.kehem.com