Opened 9 years ago

Last modified 3 weeks ago

#842 confirmed New Feature

Floating DIV tag layer

Reported by: travhf@… Owned by:
Priority: Normal Milestone:
Component: General Version:
Keywords: SF Cc: alfonsoml, diginus@…, joel.peltonen@…


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.


Moved from SF:

Change History (17)

comment:1 Changed 9 years ago by martinkou

  • Cc alfonsoml diginus@… added
  • Reporter changed from martinkou to travhf@… 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 9 years ago by alfonsoml

  • Owner alfonsoml, diginus@… deleted

comment:3 Changed 9 years ago by 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 9 years ago by w.olchawa

  • Keywords Confirmed added

comment:5 Changed 9 years ago by w.olchawa

#1442 has been marked as DUP

comment:6 Changed 9 years ago by alfonsoml

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 8 years ago by 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 8 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 7 years ago by garry.yao

  • Milestone set to CKEditor 3.x

comment:10 Changed 7 years ago by saul11

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 6 years ago by fredck

  • Milestone CKEditor 3.x deleted

Milestone CKEditor 3.x deleted

comment:12 Changed 5 years ago by j.swiderski

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 5 years ago by j.swiderski

#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 5 years ago by j.swiderski (previous) (diff)

comment:14 Changed 4 years ago by req

  • Cc joel.peltonen@… added

Add CC

comment:15 Changed 4 weeks 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 4 weeks ago by j.swiderski

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

comment:17 Changed 3 weeks 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 – 2016 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy