WYSIWYG Editor

A modern, feature-rich WYSIWYG (What You See Is What You Get) editor built for Bible students. This web-based tool transforms text documents into an interactive online study experience.

Features

🎨 Rich Text Editing

• Full formatting capabilities (bold, italic, underline, strikethrough)
• Text color and background color options
• Superscript and subscript support
• Multiple heading levels (H1-H6)
• Paragraph styling and blockquotes
• Code block formatting

📝 Text Management

• Drag and drop file upload
• Support for .txt files
• Export as HTML or Text
• Real-time content preview
• Auto-save functionality

💅 Modern UI/UX

• Clean, intuitive interface
• Responsive design
• Beautiful gradient backgrounds
• Glass-effect containers
• Smooth animations and transitions
• Visual feedback for user actions

🛠 Technical Features

• Built with TinyMCE 6
• Modern JavaScript ES6+
• Tailwind CSS for styling
• Progressive Web App (PWA) support
• Cross-browser compatibility

File Upload Features

The editor supports text file uploads through:

• Drag and drop functionality
• Click to upload option
• Automatic content loading
• Success/error notifications
• File type validation

Toolbar Options

Primary Toolbar

• Format selector
• Text styles
• Font size picker
• Text formatting (bold, italic, underline, strikethrough)
• Text and background color
• Superscript/subscript

Secondary Toolbar

• Text alignment
• Lists (bulleted and numbered)
• Indentation controls
• Line height adjustment
• Link insertion
• Table management
• Format clearing

Export Options

Users can export their content in two formats:

1. HTML Format (.htm)

   • Preserves all formatting
   • Maintains structure
   • Ideal for web use

2. Text Format (.txt)

   • Clean text output
   • Formatted for readability
   • Universal compatibility

Styling

The interface features:

• Gradient backgrounds
• Glass-effect containers
• Rounded corners
• Smooth shadows
• Responsive design
• Hover effects
• Modern button styling

Browser Support

The editor is compatible with modern browsers including:

• Chrome
• Firefox
• Safari
• Edge

Getting Started

1. Clone the repository
2. Open index.html in your browser
3. Start editing or upload a text file
4. Export your content in your preferred format

Technical Requirements

• Modern web browser
• JavaScript enabled
• Internet connection (for CDN resources)

License

This project is part of the FFNC Web Project suite of tools.

---

Built with ❤️ for Bible students at foodfornewcreature.com