Best WYSIWYG Editors for Microsoft Edge

Trumbowyg is a lightweight, customizable jQuery plugin that offers a visually appealing design while generating clean, semantic code through its robust API. It is specifically optimized to support HTML5 and is compatible with modern browsers, including IE9+, Chrome, Opera, and Firefox. While most WYSIWYG editors exceed 45kB, Trumbowyg maintains a compact size of just 20kB, ensuring quicker page load times. The plugin includes only essential features, allowing for the generation of tidy and semantic code tailored to your needs. Users have the flexibility to fully customize options and designs; however, its default design is enhanced for Retina displays, ensuring an excellent and straightforward user experience. Additionally, Trumbowyg supports the creation of custom plugins, which can be submitted via pull requests on its GitHub repository, along with the possibility to develop your own packages or utilize pre-existing ones. An extensive list of known packages for Trumbowyg is available for users. As an open-source project licensed under MIT, Trumbowyg is entirely free to use, making it an accessible option for developers everywhere. This combination of features and flexibility makes Trumbowyg an ideal choice for those seeking a powerful yet efficient text editor.

Summernote is an extremely user-friendly WYSIWYG editor built on Bootstrap, which can be effortlessly installed by downloading and linking the JavaScript and CSS files along with Bootstrap. You can tailor your experience by initializing a variety of options and modules, allowing you to see all the practical features of Summernote in action. Licensed under MIT and actively maintained by the community, it is compatible with various back-end frameworks. There are also third-party integrations available for platforms like Django, Rails, and Angular. This editor supports Bootstrap versions ranging from 3.x.x to 4.x.x and is notably lightweight, with the combined size of the JavaScript and CSS files being only 100KB. It offers an intuitive user experience and is compatible with all major browsers, including Safari, Chrome, Firefox, Opera, Edge, and Internet Explorer 9+. Additionally, it works seamlessly across all major operating systems, including Windows, MacOS, and Linux. To quickly get started with Summernote, you can download its precompiled and minified CSS and JavaScript versions, and keep in mind that Bootstrap requires specific HTML elements and CSS properties that necessitate an HTML5 doctype for optimal functionality. Moreover, the editor's flexibility allows developers to easily adapt it for various use cases and requirements.

Ideally, content editors should create documents that are both clean and semantically rich, while still being user-friendly. ProseMirror aims to connect the worlds of precise content editing, such as Markdown or XML, and traditional WYSIWYG editors. It achieves this by offering a WYSIWYG-style interface designed for documents that are more structured and constrained than standard HTML. Additionally, you can modify the format and organization of the documents generated by your editor to fit the specific requirements of your application. ProseMirror provides solid, foundational support for collaborative editing, enabling multiple users to work on the same document simultaneously. Its document schemas facilitate the editing of uniquely structured documents without the necessity of building a new editor from the ground up. The system's modular design ensures that you only load essential code, allowing for the replacement of components as needed. Furthermore, a flexible plugin system enables you to easily add extra features, enhancing the editor's capabilities. This versatility makes ProseMirror a powerful choice for developers seeking a customizable editing experience.

Mercury is a comprehensive HTML5 editing tool designed to maximize your team's content editing experience in contemporary web browsers. Constructed from the ground up, it is packaged as a Rails Engine, allowing easy integration by simply adding it to your Gemfile, or you can choose to download the complete package if you're not utilizing Rails. The editor maintains the integrity of your production pages by not injecting any JavaScript or CSS, giving you the flexibility to implement any frameworks without concerns about conflicts. You can effortlessly customize the toolbar by adding or removing items, or even create entirely new tools to suit your needs. Each toolbar item can be linked to specific actions through behaviors and the command pattern, enhancing functionality. Mercury supports various content types out of the box, including Full HTML, Simple, Markdown, Snippet, and Image regions, while also allowing you to extend the foundational regions to create custom types. Built upon the advanced features of HTML5 contentEditable, it seamlessly supports all the modern HTML5 elements, syntax, and JavaScript APIs, making it a robust choice for developers looking to streamline their content editing process. The flexibility and extensibility of Mercury make it a valuable asset for teams aiming to improve their web content management capabilities.

The straightforward inline editor toolbar offers a selection of themes, including Mani, Roman, Flat, Bootstrap, Tim, and Beagle. There are excellent wrappers available that facilitate the integration of MediumEditor into various frameworks and technology stacks. You can dynamically incorporate one or more elements into an already established MediumEditor instance. This process involves adding the specified element or an array of elements to the editor, ensuring they are initialized with the appropriate attributes and event handlers as if they were included during the editor's initial setup. If the toolbar is active, it can be manually instructed to refresh based on the user's current selection; this includes showing or hiding the toolbar, adjusting its position, and updating the state of the toolbar buttons to be enabled or disabled. Moreover, you have the ability to reset the content of all editor elements back to their original values when they were first added, with the option to reset the content of a specific editor element if desired. This flexibility allows for a personalized editing experience tailored to the user's needs.

Popline is a user-friendly WYSIWYG editor that activates only when text is highlighted on the page, drawing inspiration from PopClip. It comes equipped with essential editing tools right from the start, while also allowing for easy customization and extension. Users can choose between edit mode and view mode, as well as switch between fixed and relative popup options. It is compatible with major browsers including Chrome, Safari, Firefox, Opera 15.0+, and IE 8+. The default theme is thoughtfully designed by @Pepsin. Additionally, in View Mode, users can share content via Twitter, send messages on Facebook, pin images to Pinterest, or perform Google searches. Popline has the flexibility to appear either at the top of the selected paragraph, similar to Medium, or directly at the mouse pointer's location. Moreover, you have the ability to enable, disable, or reorder plugins during the initialization of Popline, ensuring a tailored editing experience. This versatility makes Popline a valuable tool for users seeking efficient text editing solutions.