Skip to content
/ hebrew-markdown Public

A lightweight, browser-based Hebrew markdown editor with real-time preview. Built with HTML5 and JavaScript, this tool allows users to write markdown in Hebrew and instantly see the rendered output. Perfect for bloggers, developers, and content creators working with right-to-left text.

dorpascal.com/hebrew-markdown/

License

MIT license
4 stars 0 forks Branches Tags Activity
Star
Notifications You must be signed in to change notification settings

Dor-sketch/hebrew-markdown

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
images
images
 
 
.gitignore
.gitignore
 
 
LICENSE
LICENSE
 
 
README.md
README.md
 
 
index.html
index.html
 
 
styles.css
styles.css
 
 

Repository files navigation

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

About

A lightweight, browser-based Hebrew markdown editor with real-time preview. Built with HTML5 and JavaScript, this tool allows users to write markdown in Hebrew and instantly see the rendered output. Perfect for bloggers, developers, and content creators working with right-to-left text.

dorpascal.com/hebrew-markdown/

Topics

markdown html5 markdown-editor hebrew hebrew-markdown

Resources

Readme

License

MIT license
Activity

Stars

4 stars

Watchers

1 watching

Forks

0 forks
Report repository

Languages