Skip to content

Latest commit

 

History

History
108 lines (76 loc) · 4.23 KB

README.md

File metadata and controls

108 lines (76 loc) · 4.23 KB

Hebrew Markdown Editor (RTL Markdown Editor)

Hebrew Markdown Editor Logo

A modern, feature-rich Markdown editor optimized for Hebrew (RTL) content with live preview functionality. This elegant editor combines the simplicity of Markdown with full Hebrew language support, mathematical formula rendering, and a clean Apple-inspired design.

License: MIT HTML5 CSS3 JavaScript

Live demo: dorpascal.com/hebrew-markdown

🌟 Features

  • Full Hebrew (RTL) Support: Optimized for right-to-left Hebrew text editing with proper directional handling
  • Live Preview: See your formatted content in real-time as you type
  • Multiple View Modes: Choose between editor-only, split view, or preview-only modes
  • Theme Selection: Multiple editor themes including Material, Dracula, Nord, Solarized, and more
  • Dark/Light Mode: Toggle between dark and light interface modes
  • Math Expressions: Full support for mathematical formulas using KaTeX ($E = mc^2$)
  • Code Highlighting: Syntax highlighting for code blocks with automatic LTR orientation
  • Rich Markdown Support:
    • Text formatting (bold, italic, strikethrough)
    • Headers (multiple levels)
    • Lists (ordered, unordered, task lists)
    • Tables
    • Links and images
    • Blockquotes
    • Code blocks
  • Modern UI: Clean, minimal design inspired by Apple products
  • Responsive Design: Works on desktop and mobile devices
  • Document Stats: Word and character count tracking
  • Export: Save your content as .md files

📸 Screenshots

Light Mode Dark Mode

🛠️ Technologies Used

📦 Installation

  1. Clone the repository or download the files:

    git clone https://github.com/Dor-sketch/hebrew-markdown.git

  2. Open index.html in your web browser or deploy to any web server.

No build process or dependencies installation required! Everything is loaded from CDNs.

🚀 Usage

  1. Start typing your Markdown content in the editor panel
  2. Use the toolbar buttons for common Markdown formatting
  3. View the rendered output in the preview panel
  4. Toggle between different view modes using the buttons in the header
  5. Switch between themes or dark/light mode as preferred
  6. Save your document using the save button (💾)

Keyboard Shortcuts

  • Ctrl+B: Bold text
  • Ctrl+I: Italic text
  • Ctrl+K: Insert link
  • Ctrl+S: Save document

🔧 Customization

Adding New Themes

To add a new editor theme:

  1. Include the theme's CSS in the <head> section
  2. Add the theme to the editorThemes object in the JavaScript
  3. Add a new option in the theme dropdown HTML

Changing Default Settings

Edit the following variables in the JavaScript:

  • currentTheme: Default editor theme
  • isDarkMode: Default dark/light mode
  • currentViewMode: Default view mode
  • sampleContent: Default content shown on first load

📃 License

This project is licensed under the MIT License - see the LICENSE file for details.

👏 Acknowledgments

  • Dor Pascal - Creator
  • All the amazing open-source libraries used in this project

Made with ❤️ for Hebrew Markdown enthusiasts | Report an Issue