Git Product home page Git Product logo

ck-dragresize's Issues

Clean up when editor is destroyed

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();
	  });

image

Image retains click handles

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:

image

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!

Cursor not appearing ?

I want the effect like on codepen. im using the gist cdn. i not getting a cursor resize on sides/corners.

Doesn't work in CK 4.1.1

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

could the directory structure be rearranged?

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

Resize handles are not shown if design makes use of zIndex

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!

Expanding functionality

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

Remove element '#ckimgrsz' beforeGetData

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!

Broader Browser Support

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.

Resize after Undo bug

If we resize an image, then undo, the resize handles are shown but don't work properly.

Image retains cke-resize class

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.