Changelog

Enable HTML and JavaScript in RemNote for Enhanced Flashcard and Note Functionality

Description:

Currently, RemNote supports Markdown and CSS for styling but lacks direct support for HTML and JavaScript within individual notes and flashcards. While RemNote does have a JavaScript-based plugin system, this only allows for adding features at the application level and does not enable embedding HTML or JavaScript directly within the content of notes or flashcards. Adding this functionality could open up significant customization possibilities for users, allowing for advanced layouts, interactive flashcards, and data visualization—capabilities already seen in tools like Anki, Obsidian, and Logseq.

Why This Feature is Valuable:

  • Enhanced Flashcard Customization with Templating: HTML and JavaScript support would allow users to create interactive flashcards with consistent templates, similar to Anki. This would let users design complex cards with collapsible sections, hover effects, and dynamic elements that are reusable across topics. Anki already supports HTML, CSS, and JavaScript in its flashcard templates, enabling features like timers, animations, and interactive content, making it easier to structure complex information in a flexible way.

  • Data Visualization and Advanced Formatting: Embedding HTML elements like tables, charts, and custom layouts would be invaluable for users studying complex subjects. In platforms like Obsidian, users leverage plugins to insert JavaScript-based charts and HTML for enhanced data visualization. This would be particularly beneficial for RemNote’s community, where learners deal with layered and interconnected topics.

  • Improved User Experience with Embedded Media: HTML could support the embedding of external widgets or media (e.g., videos, audio players, iframes) directly within notes and flashcards, similar to tools like Notion, which allows embedded media for a more interactive study experience. This would be a big step up from the current, limited media options.

Comparison to Other Tools:

  • Anki: Anki’s HTML and JavaScript support in flashcards allows users to create fully interactive, customizable card templates with features like timers, animations, and dynamic updates. This templating capability provides an ideal model for studying complex information in a flexible, engaging format.

  • Obsidian and Logseq: Both Obsidian and Logseq allow JavaScript-based plugins and support HTML directly within note content. In Obsidian, plugins can interact with and manipulate note content extensively, allowing for embedded HTML and JavaScript elements. Logseq also allows HTML within notes and has a JavaScript plugin system, offering flexibility similar to Obsidian’s. RemNote, however, does not allow HTML or JavaScript within individual notes and flashcards—its plugin system can only extend functionality at the application level.

Conclusion:

Adding direct HTML and JavaScript support in RemNote notes and flashcards would open up powerful customization options, allowing users to create interactive, templated flashcards, embed multimedia content, and improve data visualization. This enhancement would bring RemNote on par with tools like Anki, Obsidian, and Logseq, offering greater flexibility and adaptability for users with advanced formatting needs while maintaining RemNote’s focus on structured learning and spaced repetition.

Thank you for considering this feature request!