flaming-cl / editorjs-text-color-plugin

https://flaming-cl.github.io/editorPlugin/
MIT License
51 stars 27 forks source link

Color palette does not open #36

Open uurglsn opened 7 months ago

uurglsn commented 7 months ago

I am using the latest version of EditorJS within a React application, and I have encountered an issue where the color palette does not open when I try to use the ColorPlugin. I have tested this issue on Mozilla Firefox, Google Chrome, Opera, and Microsoft Edge browsers.

Interestingly, I am able to set the defaultColor successfully, but unfortunately, the color palette itself does not open when I attempt to choose a custom color.

I kindly request your assistance in resolving this issue within the context of a React environment. If there are any suggestions or solutions you can provide, it would be greatly appreciated.

React Version 18 editorjs - 2.29.0 editorjs-text-color-plugin 2.0.4 im useing tailwind

Thank you for your attention to this matter.

Best regards,

Ugur Gulsen

flappy-sheep commented 7 months ago

Yes, I have the same question too.

nealamo commented 7 months ago

I have the same problem. I am not working with React.

RuiCCorreia commented 6 months ago

same problem here!

santisosa9 commented 6 months ago

Solution here https://github.com/flaming-cl/editorjs-text-color-plugin/issues/35#issuecomment-1948699329

uurglsn commented 6 months ago

I solved this problem by making my own plugin. I can share my package on Discord. Discord : uurglsn

matin-mortazavi commented 5 months ago

I am using the latest version of EditorJS within a React application, and I have encountered an issue where the color palette does not open when I try to use the ColorPlugin. I have tested this issue on Mozilla Firefox, Google Chrome, Opera, and Microsoft Edge browsers.

Interestingly, I am able to set the defaultColor successfully, but unfortunately, the color palette itself does not open when I attempt to choose a custom color.

I kindly request your assistance in resolving this issue within the context of a React environment. If there are any suggestions or solutions you can provide, it would be greatly appreciated.

React Version 18 editorjs - 2.29.0 editorjs-text-color-plugin 2.0.4 im useing tailwind

Thank you for your attention to this matter.

Best regards,

Ugur Gulsen

i've created a package that is supported by last version of editorJs , i hope it could be helpful

the repo link : https://github.com/matin-mortazavi/color-plugin-editorjs

collimarco commented 4 months ago

Same problem here. No errors displayed in console. It only applies the default color, but you cannot change it...

Tested on MacOS / Chrome (latest versions)

Aarbel commented 4 months ago

same problem here, the downgrade worked, when do you think it will be solved ?

cf https://github.com/flaming-cl/editorjs-text-color-plugin/issues/35

vdhcode commented 2 months ago

I am also facing an issue with the color picker. The color picker popup closes immediately after opening. I get the following error when selecting text or clicking the color picker.

Error Message : Uncaught TypeError: Cannot read properties of undefined (reading 'colorCollections')

Color: { class: ColorPlugin, // if load from CDN, please try: window.ColorPlugin config: { colorCollections: [ "#EC7878", "#9C27B0", "#673AB7", "#3F51B5", "#0070FF", "#03A9F4", "#00BCD4", "#4CAF50", "#8BC34A", "#CDDC39", "#FFF", ], defaultColor: "#FF1300", type: "text", customPicker: true, // add a button to allow selecting any colour }, },

Following dependencies, I am using. "dependencies": { "@editorjs/header": "^2.8.7", "@editorjs/inline-code": "^1.5.0", "@editorjs/list": "^1.9.0", "@editorjs/paragraph": "^2.11.6", "@editorjs/quote": "^2.6.0", "@editorjs/simple-image": "^1.6.0", "@editorjs/underline": "^1.1.0", "@react-editor-js/core": "^2.1.0", "editorjs-text-color-plugin": "^2.0.4", "react": "^18.3.1", "react-dom": "^18.3.1", "react-editor-js": "^2.1.0" },

image

Surprisingly when text is unselected, the color picker opens without any error

image

sherifnafie commented 1 month ago

Also have this issue

js-art commented 6 days ago

me too