I just posted a pretty good update the the jHtmlArea project that includes quite a few more toolbar buttons and a new Color Picker Menu extension/plugin (jHtmlAreaColorPickerMenu) that adds a nice, simple color picker when using the
forecolor toolbar button.
jHtmlArea is a simple, light weight, extensible WYSIWYG HTML Editor built on top of jQuery. This component allows you to easily display a WYSIWYG HTML Editor in place of any TextArea DOM Elements on the page. The minified script alone is 8.7kb, and with css and image files it’s a total of 22k.
Download: jHtmlArea Project
To the right is an updated screenshot of the latest release, plus below is a full change log for this update release:
Hide All Toolbar buttons except the “html” button when entering HTML Source view (via clicking “html” button or executing
jHtmlArea.showHTMLView). When toggling view back to the WYSIWYG editor all other buttons will then be shown again.
jHtmlArea.disposemethod - Allows you to remove the WYSIWYG
editor, and go back to having a plain TextArea. Beware, there is a memory leak when using this method; it’s not too bad, but you want to call this as few a number of times if you can. The memory leak is due to the way the browsers handle removing DOM Elements.
Added Indent and Outdent functionality - This includes toolbar buttons and
justifyRightfunctionality and toolbar buttons.
Added insertHorizontalRule functionality and toolbar button. This adds a
<hr/>tag to the currently selected area.
Added an “alias” method for
ecto help reduce the file size of the script.
decreaseFontSizefunctionality and toolbar buttons. The
decreaseFontSizedoesn’t currently work in Safari.
forecolorfunctionality - Changes a font color for the selection or at the insertion point. Requires a color value string to be passed in as a value argument.
Fixed bug in jHtmlArea.toString method
jHtmlArea.queryCommandValuemethod and it’s alias
jHtmlAreaColorPickerMenuplugin/extension that resides within the
jHtmlAreaColorPickerMenu.jsfile. This file includes a somewhat generic color picker menu that can be used for any purpose, plus it includes the code to wire up and override the “stock”
jHtmlColor.forecolorfunctionality and inject the new Color Picker Menu functionality in it’s place when you click on the “forecolor” toolbar button.
ecsecond parameter to default to “false” if not specified, and third parameter to default to “null” if not specified. This helps to reduce the overall file size of the script.
Added support for Toolbar Button Grouping, now with the additional buttons included in this release, or even when any custom buttons are used, they will be able to display nicely by “auto-wrapping” to the next line.
Added a gradient background to the Toolbar Button Groups, with a slight reverse gradient on the Buttons when the mouse is hovered over.
- 13 Aug 2022
- 26 Oct 2022
- 07 Oct 2022
- 13 Sep 2022
- 06 Sep 2022
- 13 Aug 2022
Recent on Build5Nines.com
This site is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com. We also participates in affiliate programs with Udemy, and other sites. This site is compensated for referring traffic and business to these companies.