Inserting Images"

This website contains links to software which is either no longer maintained or will be supported only until the end of 2019 (CKFinder 2). For the latest documentation about current CKSource projects, including software like CKEditor 4/CKEditor 5, CKFinder 3, Cloud Services, Letters, Accessibility Checker, please visit the new documentation website.

If you look for an information about very old versions of CKEditor, FCKeditor and CKFinder check also the CKEditor forum, which was closed in 2015. If not, please head to StackOverflow for support.

Line 24: Line 24:
  
 
Align: specifies the alignment of the image. You can choose from: Left, Abs Bottom, Abs Middle, Baseline, Bottom, Middle, Right, Text Top or Top.
 
Align: specifies the alignment of the image. You can choose from: Left, Abs Bottom, Abs Middle, Baseline, Bottom, Middle, Right, Text Top or Top.
 +
 +
Pressing "OK" inserts the image with the specified properties.
  
 
=== Link ===
 
=== Link ===
  
The second bookmarks regards to "Link"<br>
+
The second bookmarks regards to "Link":<br>
  
 
[[Image:Image link.png|Image:Image_link.png]]
 
[[Image:Image link.png|Image:Image_link.png]]
Line 33: Line 35:
 
URL: defines the URL adress of the image. You may also use the "Browse Sever" in order to browse the files.<br>
 
URL: defines the URL adress of the image. You may also use the "Browse Sever" in order to browse the files.<br>
  
Target: defines the target of the image (for advanced users). You can choose from New Window ( _blank ), Topmost Window ( _top ), Same Window ( _self )  
+
Target: defines the target of the image (for advanced users). You can choose from New Window ( _blank ), Topmost Window ( _top ), Same Window ( _self )
  
 
or Parent Window ( _parent ).
 
or Parent Window ( _parent ).
 +
 +
=== Upload ===
 +
 +
The third bookmark is the "Upload" section:
 +
 +
[[Image:Image_upload.png]]
 +
 +
Upload: specifies the location of the image file on your local hard drive. You may also use "browse" if you don't want to type the location manualy.
 +
 +
Pressing "Send it to the Server" sends the image to the server.
 +
 +
=== Advanced ===
 +
 +
This bookamark is only for advanced users:
 +
 +
[[Image:Image_advanced.png]]
 +
 +
Id: specifies the ID of the image.
 +
 +
Language Direction: sets the language direction from left to right ( LTR ) or from right to left ( RTL ).
 +
 +
Language Code: specifies the language code e.g. en, pt, pl.
 +
 +
Long Description URL:

Revision as of 13:41, 12 December 2007

Inserting Images in FCKeditor is very simple. Just press the Image.gif button on the toolbar. A popup window called "Image Properties" will apear:

Image Info

Image:Image_properties.png

The first bookmark reffers to the "Image Info"

URL: defines the URL adress of the image. You may also use the "Browse Sever" in order to browse the files.

Alternative Text:puts the dicriptions of the image if you want it to be different than the image name.

Width: specifies image width.

Height: specifies image height.

You may lock the image proportions by pressing Image:Lock_image.png or you can return to the original image size by pressing Image:Image_return.png.

Border: specifies the size of the border you want to place around the image.

HSpace: defines the size of the  horizontal gap.

VSpace: defines the size of the vertical gap.

Align: specifies the alignment of the image. You can choose from: Left, Abs Bottom, Abs Middle, Baseline, Bottom, Middle, Right, Text Top or Top.

Pressing "OK" inserts the image with the specified properties.

Link

The second bookmarks regards to "Link":

Image:Image_link.png

URL: defines the URL adress of the image. You may also use the "Browse Sever" in order to browse the files.

Target: defines the target of the image (for advanced users). You can choose from New Window ( _blank ), Topmost Window ( _top ), Same Window ( _self )

or Parent Window ( _parent ).

Upload

The third bookmark is the "Upload" section:

Image upload.png

Upload: specifies the location of the image file on your local hard drive. You may also use "browse" if you don't want to type the location manualy.

Pressing "Send it to the Server" sends the image to the server.

Advanced

This bookamark is only for advanced users:

Image advanced.png

Id: specifies the ID of the image.

Language Direction: sets the language direction from left to right ( LTR ) or from right to left ( RTL ).

Language Code: specifies the language code e.g. en, pt, pl.

Long Description URL: