v0.3.0

New Feature: Image Alt Text Configuration

• altInput option added
  Developers can now configure the alt text input for images in the markdown editor.

• required option inside altInput
  The required option controls whether alt text is mandatory. By default, required is set to true for better SEO practices and accessibility. Setting required: false will disable the validation.

Example:

{
  image: {
    altInput: {
      required: false  // Disable alt text requirement
    }
  }
}

• This configuration allows developers to set different alt text requirements for different markdown editors, offering flexibility in validation rules for each editor instance.

🛠 Fixes

• Image Modal: Fixed issue where the selectedText is not defined error was triggered when applying changes without selecting text.

Full Changelog: v0.2.1...v0.3.0

v0.2.1

• Resolved an issue where the preview tool's background color did not render correctly in dark mode.
• Fixed a bug causing the preview pane to not update in response to user input, due to the this.preview reference being unintentionally overridden.
• Updated modal element ID selectors to avoid naming conflicts with other projects.

Full Changelog: v0.2.0...v0.2.1

v0.2.0

New Features

• Modernized UI with Fruitjam
  Integrated the Fruitjam UI library for a cleaner, more modern, and intuitive user interface.

• Enhanced Link Tool
  Implemented the Fruitjam UI modal in the link tool to provide a more intuitive and visually consistent user experience.

• New Advanced image Tool
  Introduced a fully configurable image upload feature:

  • The image tool supports a fileInput configuration that allows:

    • accept: Array of allowed image file types (e.g., 'webp', 'avif').
    • uploadUrl: The endpoint where image files will be uploaded.

  • After a successful upload, the server must return the image path, which will be automatically populated in the URL field.

  Minimal usage example:

  const options = {
      placeholder: 'Start writing...',
      toolbar: [
          'link',
          {
              image: {
                  fileInput: {
                      accept: ['webp', 'avif'],
                      uploadUrl: '/api/upload', // Your upload endpoint
                  },
              }
          },
          'preview'
      ],
  }
  const editor = new MarkdownEditor(element, options);

  • If fileInput is not configured, the image modal will default to only showing the URL and alt text fields.

    Usage example:

    const options = {
        placeholder: 'Start writing...',
        toolbar: [
            'link',
            'image',
            'preview'
        ],
    }
    const editor = new MarkdownEditor(element, options);
    

Bug Fixes

• Fixed a critical error where removing the preview option from the toolbar would crash the editor.

v0.1.5

Upgraded to Tailwind CSS v4 🚀

v0.1.4

• Resolved UI glitch for a smoother user experience.

We’re planning to build an image tool in an upcoming release. Before we move forward, we’d love to hear your feedback on how you'd like this feature to function.

Share your thoughts with us in the discussion!

v0.1.3

Production-ready minified CSS and bug fixes

v0.1.2

🎉 Exciting New Features! 🎉

• New Tools Added: You can now easily add Headings, Links, and Blockquotes to your content!
• Sleek New UI: Enjoy a fresh, improved design that makes your experience smoother and more intuitive than ever!

v0.1.1

• Implemented scrolling to the view of newly inserted text in the textarea when a toolbar tool is clicked.
• Disabled toolbar tools in mobile view when preview mode is active to improve UX.
• improved UI and bug fixes

v0.1.0

Version 0.1.0 (Stable Release)

What's New:

• Ordered List Tool: Introduced a new tool for creating ordered (numbered) lists. This allows users to easily organize and present information in a step-by-step format.
• Unordered List Tool: Added a tool for creating unordered (bulleted) lists. This enhances document formatting by making it easier to list items without specific order.
• Checklist Tool: A new checklist tool has been added, allowing users to create interactive checklists. This feature is perfect for tasks, to-do lists, or tracking progress in projects.

Updates:

• Document Update: Updated the documentation to reflect new features and provide clear instructions on how to use the newly added list tools.

0.0.21-beta.3

• Added RTL Support: Enhanced user experience by adding Right-to-Left text support.
• Fixed Page Reload Issue: Resolved the issue where the page was reloading upon clicking the tool.
• UI Enhancements: Improved the overall user interface for a more polished experience.
• Local Development Improvements: Made significant changes to improve the local development workflow.