feat: Rich text editor and email system integration

##  Step 4-5: Rich Text Editor & Integration

### RichTextEditor Component (TipTap)
-  Modern WYSIWYG editor for React
-  Toolbar: Bold, Italic, Lists, Links, Undo/Redo
-  Variable insertion with buttons
-  Placeholder support
-  Clean, minimal UI

### TemplateEditor Updated
-  Replaced Textarea with RichTextEditor
-  Variables shown as clickable buttons
-  Better UX for content editing
-  HTML output for email templates

### Bootstrap Integration
-  EmailManager initialized on plugin load
-  Hooks into WooCommerce events automatically
-  Disables WC emails to prevent duplicates

### Plugin Constants
-  WOONOOW_PATH for template paths
-  WOONOOW_URL for assets
-  WOONOOW_VERSION for versioning

### Dependencies
-  @tiptap/react
-  @tiptap/starter-kit
-  @tiptap/extension-placeholder
-  @tiptap/extension-link

---

**Status:** Core email system complete!
**Next:** Test and create content templates 🚀
This commit is contained in:
dwindown
2025-11-12 18:53:20 +07:00
parent 30384464a1
commit a1a5dc90c6
6 changed files with 960 additions and 38 deletions

View File

@@ -29,6 +29,10 @@
"@radix-ui/react-switch": "^1.2.6",
"@radix-ui/react-tabs": "^1.1.13",
"@tanstack/react-query": "^5.90.5",
"@tiptap/extension-link": "^3.10.5",
"@tiptap/extension-placeholder": "^3.10.5",
"@tiptap/react": "^3.10.5",
"@tiptap/starter-kit": "^3.10.5",
"class-variance-authority": "^0.7.1",
"clsx": "^2.1.1",
"cmdk": "^1.1.1",