Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Toolbar suppresses image size buttons #72

Open
orcpac7 opened this issue Aug 31, 2021 · 1 comment
Open

Toolbar suppresses image size buttons #72

orcpac7 opened this issue Aug 31, 2021 · 1 comment

Comments

@orcpac7
Copy link

orcpac7 commented Aug 31, 2021

It appears that the current image attributes popover definition suppresses the resize buttons one normally sees when an image is clicked.
I'm expecting to see both the resize buttons and the image attributes button in the popover when I click an image and do not.
When I click an image, the popover displays the image attributes custom button, the float left and right and remove float buttons and the delete image button.

It does not show the resize buttons for 100%, 50%, and 25% although they are there in the definition of the imageAttributes popOver. (see code fragment below)

Can anyone help me figure this one out? I've tried changing the order in which the buttons are declared, I've looked in the image attributes JavaScript to see if it's suppressing the buttons now. But I don't see those buttons specifically referenced that I can detect.
I've reviewed other summernote-image-attributes issues to try to see if there was anything related. The only thing I found was a BS3 "issue" where both the URL and attributes popovers were displaying and in that one, it was showing the sizes and the custom button properly. I could live with that, but haven't been able to reproduce it (both toolbars, one with advanced and resize buttons) with bootstrap 4.

This is on Windows 10, testing in Chrome. Using the developer tools in Chrome, I'm seeing no errors in the JavaScript console, nor any missing files in the network tab.
OS: Windows 10
Summernote: 0.8.18
Bootstrap: 4.4.1
JQuery: v3.2.1
Chrome: Version 92.0.4515.159 (Official Build) (64-bit)

 $("##content").summernote({
            popover: {
                image: [
                    ["custom", ["imageAttributes"]],
                    ["imagesize", ["imageSize100", "imageSize50", "imageSize25"]],
                    ["float", ["floatLeft", "floatRight", "floatNone"]],
                    ["remove", ["removeMedia"]]
                ],
            },

image

@condor2
Copy link
Contributor

condor2 commented Sep 15, 2021

Try to use: ['resizeFull', 'resizeHalf', 'resizeQuarter', 'resizeNone']],

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants