Floating DIV tag layer

[travhf@…]

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

[Martin Kou]

​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

[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?

[Wojciech Olchawa]

#1442 has been marked as DUP

[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.

[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.

[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.

[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?

[Frederico Caldeira Knabben]

Milestone CKEditor 3.x deleted

[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).

[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.

[Joel]

Add CC

[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.

[Jakub Ś]

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

[masterdjon]

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