Adding Divs around Images in ImageManager

I'm trying to insert some divs around Images inserted by the ImageManager. I tried adding FCK.InsertHTML('<div></div>') code inside the manager.js file under the function onOK(). However, can't get access to FCK object.

My problem seems to be getting access to the editor. I tried to get the editor object by adding this code to manager.js:

var oEditor = window.parent.InnerDialogLoaded();
var FCK = oEditor.FCK;
var sven = FCK.GetXHTML( true );

However, I get JavaScript errors saying FCKeditorAPI is not defined. How do I get access to the editor text, so I can add some div tags around a inserted image.

Thanks.

Thu, 04/05/2007 - 00:45

saul11

Joined: 19/06/2006

Posts: 633

RE: Adding Divs around Images in ImageManager

https://sourceforge.net/forum/forum.php ... _id=257180
http://wiki.fckeditor.net/Developer%27s ... 692a53f762

http://fckplugins.saulmade.nl/http://www.saulmade.nl/FCKeditor/FCKPlugins.php
http://fckskins.saulmade.nl/http://www.saulmade.nl/FCKeditor/FCKSkins.php
http://fcksnippets.saulmade.nl/http://www.saulmade.nl/FCKeditor/FCKSnippets.php

Thu, 04/05/2007 - 07:45

oriolerick7

Joined: 21/12/2006

Posts: 5

RE: Adding Divs around Images in ImageManager

I was able to successfully add the <Div> tags around the image using "FCK.InsertHTML('<div ....');" However, I want to wrap the div tags around the image. I'm having trouble because when I insert the begin <div> tag in the line before im = FCK.CreateElement('IMG'); and the end </div> tag the line after. However, the InnerHTML() function adds end </div> tags right after I create them. Kind of like an auto-complete to fix un-terminated tags. Therefore, this is a problem because I want the <div> tag to end after inserting the image.

My code, For example:

FCK.InsertHTML('<div class="thumb tright"><div style="width:106px;">');
im = FCK.CreateElement('IMG');
FCK.InsertHTML('</div></div>');

FCKEditor HTML Output:
<div class="thumb tright"><div style="width:106px;"></div>
</div>
<img alt="" src="/_userfiles/image/1.jpg" />
<div></div>
<div></div>

Therefore, the 2 </div> tags should not be added until after the image code and the two begin <div> tags should not be created.

Any one know how to turn off "auto-complete" HTML tags for InsertHTML()?

It would be greatly appreciated!

Thanks.

Thu, 04/05/2007 - 08:54

alfonsoml

Joined: 31/12/2006

Posts: 3735

RE: Adding Divs around Images in ImageManager

You can't turn of that auto-complete because it's the browser itself the one that fix the bad code that you have provided (it doesn't really know that you'll fix later so it does fix it now).
The easiest way is to create the div after the image has been created, put it in the same place and then move the image inside the div.