Opened 10 years ago

Last modified 15 months ago

#842 confirmed New Feature

Floating DIV tag layer

Reported by: travhf@… Owned by:
Priority: Normal Milestone:
Component: General Version:
Keywords: SF Cc: Alfonso Martínez de Lizarrondo, diginus@…, joel.peltonen@…

Description

I noticed that if I add the following to the source: <div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 146px; top: 90px;">Here is a floating layer</div>

Then click OK.

If I click on the layer in the editor window, I am able to use the handles to resize the layer, and move it's absolute position. Since the capability to manipulate floating layers is already in the editor, why not add a button that will either insert the layer in the editor, or convert the selected text to a floating layer, or whatever?

It would also be a good idea to insert code for a right-click feature to change the layer info such as ID, etc.

This floating frame capability would make FCKEditor one of the very few editors with this feature. I have yet to find one that has this feature that works in Mambo/Joomla.

Cheers.


Moved from SF:
http://sourceforge.net/tracker/index.php?func=detail&aid=1327892&group_id=75348&atid=543656

Change History (17)

comment:1 Changed 10 years ago by Martin Kou

Cc: Alfonso Martínez de Lizarrondo diginus@… added
Reporter: changed from Martin Kou to travhf@…

https://sourceforge.net/support/tracker.php?aid=1220556 has been marked as dup of this bug


Moved from SF. Original poster: alfonsoml

This only works in FF as far as I can tell.


Moved from SF. Original poster: diginus

comment:2 Changed 10 years ago by Alfonso Martínez de Lizarrondo

Owner: alfonsoml, diginus@… deleted

comment:3 Changed 10 years ago by Randall Severy

I'd like to second the original poster's suggestion. I'm running into more and more sites that are built or being built using floating DIVs and FCKeditor has virtually no support for DIVs yet. A toolbar button to insert a DIV combined with the ability to move and resize the DIV would be a very, very powerful addition to FCKeditor. You would need to be able to edit the attributes of the DIV (to make it floating by setting the position to absolute, for example). As a correction to the followup post above, you can resize the DIV in IE, but you can't drag it around like you can in Firefox (although by resizing it multiple times you can effectively move it where you need to). I also couldn't find any way to delete a DIV in either IE or Firefox. What is the possibility of getting this feature into the Roadmap?

comment:4 Changed 10 years ago by Wojciech Olchawa

Keywords: Confirmed added

comment:5 Changed 10 years ago by Wojciech Olchawa

#1442 has been marked as DUP

comment:6 Changed 10 years ago by Alfonso Martínez de Lizarrondo

A while ago I prepared a little plugin to handle this. Nothing fancy and it would need some work to be released as a public plugin, Maybe someday I have time to finish it.

comment:7 Changed 9 years ago by Randall Severy

Alfonso, how close to finished is that plugin you were working on? Is it close enough that if you posted it someone else could finish it up? I'm anxious to get this kind of functionality working.

comment:8 Changed 9 years ago by zeuzzz

Is there any plans on inplementing this ticket? It's a feature we'd like to use but there hasn't been any activity for this ticket lately.

comment:9 Changed 8 years ago by Garry Yao

Milestone: CKEditor 3.x

comment:10 Changed 8 years ago by Paul Moers

in tinymce it seems to be working: absolute positioned divs can be dragged around in IE. Perhaps it is just an IE setting for the editable document?

comment:11 Changed 7 years ago by Frederico Caldeira Knabben

Milestone: CKEditor 3.x

Milestone CKEditor 3.x deleted

comment:12 Changed 6 years ago by Jakub Ś

CKEditor has support for div which can be styled to layers without any problems.

Drag feature is available in Firefox and IE.

Perhaps a real feature here would be implementing dragging in CKEditor for other browsers (Opera and Webkit).

comment:13 Changed 6 years ago by Jakub Ś

#8740 was marked as duplicate.

As mentioned in that ticket - users expect one-click buttons in editor to: insert layer, make it absolute positioned or not, put behind, in front.

The area where we can be better is allowing for editing properties of such div (already available for divs in general), allowing for dragging in every browser.

Last edited 6 years ago by Jakub Ś (previous) (diff)

comment:14 Changed 5 years ago by Joel

Cc: joel.peltonen@… added

Add CC

comment:15 Changed 15 months ago by masterdjon

Is "If I click on the layer in the editor window, I am able to use the handles to resize the layer, and move it's absolute position." have been removed ? Using 4.5.10.

comment:16 Changed 15 months ago by Jakub Ś

If you are asking about browser native resize handles then no - they haven't been removed from IE.

comment:17 Changed 15 months ago by masterdjon

Oh ! I thought it was your implementation. So, that's why it's not there in Chrome.

Note: See TracTickets for help on using tickets.
© 2003 – 2017 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy