WYSIWYG editor developed as jQuery plugin
Thank you for all the nice and helpful feedback I already got!
Context menus for URLs and images have now been added. It's now easier to modify/replace links and images, without having to check the HTML code.
A few other code improvements have been added.
Opening the code view (and changing some code) and switching back to the editor wasn't possible. This is now possible again, happy coding!
Add fix for bold, italic and underline formatting with multiple editors on a single page
A few fixes and optimizations have been made, mainly regarding selection issues.
Creating list elements (ol
and ul
) is now a bit easier as well.
A few minor updates have been made:
<p>
instead of <div>
tags to wrap your contentDeveloper settings
It is possible to set a custom editor ID and extend the editor class (with a single or multiple classes, separated with a space). These attributes will be set to the outer <div>
container of the editor.
You can set the height
of the editor directly as plugin option while initializing the editor. The heightPercentage
allows to set the percentage height of the editor based on it's parent container.
Table options
TAB
ing through the table even after you reached the end of the last row.Fixes
It wasn't possible to drag images from one line to another, as the resizing automatically was activated by doing so. Resizing images is now only possible in the bottom right corner of the image, dragging the image is possible by clicking on the image and moving it to the preferred place in the content.
Closing the info popup wasn't possible if multiple editors were initialized on the same page. This does work again.
If you want to know more about the available options and their default values, please see the README file.
If you have any ideas, suggestions, issues or bugfixes, feel free to contribute. Check out the contributing guidelines for ways to offer feedback and contribute.
RichText now includes history!
Move back and forth between every change you make in the WYSIWYG or code editor.
Complete list of the features currently implemented:
Please read the README to see the current and planned features and how to implement the editor.