sstur / ck-dragresize Goto Github PK
View Code? Open in Web Editor NEWCKEditor dragable image resizing
License: MIT License
CKEditor dragable image resizing
License: MIT License
Hi,
Please add the following code (selected in the image below) to make the plugin clean up properly if an editor is destroyed. Otherwise it might leave the resize handler visible on the screen.
editor.on('beforeDestroy', function() {
// Remove the handles before editor is destroyed
resizer.hide();
});
When I try to resize from middle, it keeps the height same whereas in firefox it keeps the ratio , is there anyway to make it work like firefox?thanks
In IE, the image can be resized to less than 32px
Here is an edge case, not sure how interested you will be.
I have a set of 3 inline editors. I add an image to the top - header - editor, and resize it. I then click in the middle editor and the resize handles are still present. If I save the content at this point, the image will always have the resize class and will always show the resize handles.
See image for clarification:
The same also applies if I click anywhere else in the page. I think the handles are only removed if you click inside the active editor.
Cheers!
I want the effect like on codepen. im using the gist cdn. i not getting a cursor resize on sides/corners.
Hi and thanks a lot for your great plugin !
It works very well in 4.1 but not in 4.1.1, I don't know why... :(
Thanks
Other than the code in config.js? (ckeditor4)
config.extraPlugins = 'dragresize';
?
In current way a symlink is needed in order to clone the plugin into the ckeditor/plugins directory.
Or do I miss some obvious way how to install it?
best & thanks for consideration
Jan
Sometimes I need to disable it for some reason!
Resize should not work above the original image height and width.
For eg: Original Image dimensions: 500x350
Resizing should not be possible anything beyond the original dimension.
Hi,
thank you for the plugin. Could you please consider marking a "release" also for the most recent v0.5.1 as it is for the others (up to v0.4.1)?
https://github.com/sstur/ck-dragresize/releases
Thank you in advance.
In some case, use ckeditor as an online email editor. It works fine in view email in web client. But view email in some email client, such as outlook, the IMG size doesn't work properly.
I've installed it and modified config.js... refreshed browswer cache etc... but still this dosn't work.
Any help, or is this just out of date ?
Thanks
Thanks for the great plugin which made it possible for us to use CKEditor in our project.
I found that the drag-handles were not showing when using an inline editor. I tracked this down to be a zIndex problem. My main content area has a z-index of 10 and therefore the drag handles were hidden behind this.
I feel this is a problem that should be addressed by the plugin, either by setting a higher z-index in the CSS or by detecting the z-index that it should use based on the layout of the target page.
I have not tested, but I don't think this would be an issue in a standard editor as it makes use of an iframe.
Thanks again!
Hi,
This is an awesome addition to ckeditor, most users really miss the dragging resize when moving out of IE.
I'm trying to expand the functionality to include floating DIVs, which were already dragresizable in IE before also.
All help welcome.
OPeixe
This case is that user may send the editor's content after click/resize an image. In that situation, using 'getData' will get the element '#chimgrsz', obviously that is unnecessary.
Hope this can be solved. Thanks!
As per the discussion here it appears this plugin applies to Opera as well as Webkit.
It might be a good idea to bundle a collection of resize "shims" like this one into a CKEditor plugin that would provide a consistent experience across all major browsers. Ideally adding a few small features like aspect-ratio support to IE/FF and the full shim to Webkit and Opera.
If we resize an image, then undo, the resize handles are shown but don't work properly.
After resizing an image a few times, and then looking at 'Source', the image gets a "class" attribute that looks like this: "cke-resize cke-resize cke-resize cke-resize cke-resize cke-resize cke-resize cke-resize cke-resize cke-resize cke-resize cke-resize". Graphically, the image retains dotted lines around it (but not drag handles) after losing focus.
Occasionally it completely collapses after resizing, getting "width: 0px; height: 0px;", which might be another issue.
Hi guys
how to use this plugin?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.