May 8, 2024, 12:57 p.m. | MarWelz

DEV Community dev.to

Hi!

I'd like to share a reasonable palette for the color picker of the Froala HTML editor component with you.

It has twelve hues with five different brightnesses each, and all are fully saturated. Furthermore it has a greyscale from white to black with three intermediate shades of grey. I like it much more than the default.


Just add this to the object in the second parameter when calling "new FroalaEditor()"



colorsBackground: [
'#FECCCC','#FEEBCC','#FEFECC','#F2FECC','#CCFECC','#CCFEEE','#CCFEFE','#CCEDFE','#CCCCFE','#EECCFE','#FECCFE','#FECCE5','#FFFFFF',
'#FF8A8A','#FFD38A','#FEFF8A','#E1FF8A','#8AFF8A','#8AFFD8','#8AFEFF','#8AD8FF','#8A8AFF','#D88AFF','#FF8AFE','#FF8AC4','#D9D9D9',
'#FF0000','#FF9F00','#FEFF00','#BFFF00','#00FF00','#00FFAA','#00FEFF','#00A9FF','#0000FF','#AA00FF','#FF00FE','#FF007F','#9F9F9F',
'#BF0000','#BF7700','#BFBF00','#8FBF00','#00BF00','#00BF7F','#00BFBF','#007FBF','#0000BF','#7F00BF','#BF00BF','#BF005F','#5F5F5F',
'#6A0000','#6A4200','#6A6A00','#4F6A00','#006A00','#006A46','#006A6A','#00466A','#00006A','#46006A','#6A006A','#6A0035','#000000',
'REMOVE'
], …

color colour editor five froala html intermediate nice palette

Doctoral Researcher (m/f/div) in Automated Processing of Bioimages

@ Leibniz Institute for Natural Product Research and Infection Biology (Leibniz-HKI) | Jena

Seeking Developers and Engineers for AI T-Shirt Generator Project

@ Chevon Hicks | Remote

Software Engineer for AI Training Data (School Specific)

@ G2i Inc | Remote

Software Engineer for AI Training Data (Python)

@ G2i Inc | Remote

Software Engineer for AI Training Data (Tier 2)

@ G2i Inc | Remote

Data Quality Intern

@ Syngenta Group | Toronto, Ontario, Canada