FCKeditor 2.x/Users Guide/Common Tasks/Inserting Images - Revision history

W.olchawa at 08:38, 14 December 2007

2007-12-14T08:38:47Z

W.olchawa at 08:45, 13 December 2007

2007-12-13T08:45:28Z

W.olchawa at 12:47, 12 December 2007

2007-12-12T12:47:57Z

W.olchawa at 12:41, 12 December 2007

2007-12-12T12:41:01Z

W.olchawa at 12:19, 12 December 2007

2007-12-12T12:19:12Z

W.olchawa at 12:04, 12 December 2007

2007-12-12T12:04:08Z

W.olchawa at 12:00, 12 December 2007

2007-12-12T12:00:21Z

W.olchawa: New page: Inserting Images in FCKeditor is very simple. Just press the Image:Image.gif button on the toolbar. A popup window will apear: Image:Image_properties.png URL: in this field you d...

2007-12-12T11:36:17Z

New page: Inserting Images in FCKeditor is very simple. Just press the Image:Image.gif button on the toolbar. A popup window will apear: Image:Image_properties.png URL: in this field you d...

New page

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

[[Image:Image_properties.png]]

URL: in this field you define the URL adress of the image. You may also use the "Browse Sever" in order to browse the files.

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

Width:

@@ Line 7: / Line 7: @@
 The first bookmark refers to the "Image Info"<br>
-URL: defines the URL address of the image. You may also use the "Browse Sever" in order to browse the files.
+* '''URL''': defines the URL address of the image. You may also use the "Browse Sever" in order to browse the files.
+* '''Alternative Text''':puts the descriptions of the image if you want it to be different than the image name.
-Alternative Text:puts the descriptions of the image if you want it to be different than the image name.
+* '''Width''': specifies image width.<br>
+* '''Height''': specifies image height.
 You may lock the image proportions by pressing [[Image:Lock image.png|Image:Lock_image.png]] or you can return to the original image size by pressing [[Image:Image return.png|Image:Image_return.png]].
-Border: specifies the size of the border you want to place around the image.
+* '''Border''': specifies the size of the border you want to place around the image.
-HSpace: defines the size of the&nbsp; horizontal gap.
+Pressing "'''OK'''" inserts the image with the specified properties.
 === Link ===
@@ Line 33: / Line 27: @@
 [[Image:Image link.png|Image:Image_link.png]]
-URL: defines the URL address of the image. You may also use the "Browse Sever" in order to browse the files.<br>
+* '''URL''': defines the URL address 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 ) or Parent Window&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ( _parent ).
 === Upload ===
@@ Line 45: / Line 36: @@
 [[Image:Image upload.png|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 manually.
+* '''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 manually.
-Pressing "Send it to the Server" sends the image to the server.
+Pressing "'''Send it to the Server'''" sends the image to the server.
 === Advanced ===
@@ Line 55: / Line 46: @@
 [[Image:Image advanced.png|Image:Image_advanced.png]]
-Id: specifies the ID of the image.
+* '''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 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''': specifies the description of the page.<br>
-Language Code: specifies the language code e.g. en, pt, pl.
+* '''Stylesheet Classes''': specifies the name of the CSS class.
+* '''Advisory Title''': specifies the description of the target object.
-Long Description URL: specifies the description of the page.<br>
+* '''Style''': specifies the style.

@@ Line 1: / Line 1: @@
-Inserting Images in FCKeditor is very simple. Just press the [[Image:Image.gif]] button on the toolbar. A popup window called "Image Properties" will apear:
+Inserting Images in FCKeditor is very simple. Just press the [[Image:Image.gif]] button on the toolbar. A popup window called "Image Properties" will appear. It includes four bookmarks:<br>
 === Image Info ===
@@ Line 5: / Line 5: @@
 [[Image:Image properties.png|Image:Image_properties.png]]
-The first bookmark reffers to the "Image Info"<br>
+The first bookmark refers to the "Image Info"<br>
-URL: defines the URL adress of the image. You may also use the "Browse Sever" in order to browse the files.
+URL: defines the URL address 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.
+Alternative Text:puts the descriptions of the image if you want it to be different than the image name.
 Width: specifies image width.<br>
@@ Line 33: / Line 33: @@
 [[Image:Image link.png|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.<br>
+URL: defines the URL address 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 )
@@ Line 45: / Line 45: @@
 [[Image:Image upload.png|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.
+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 manually.
 Pressing "Send it to the Server" sends the image to the server.
@@ Line 51: / Line 51: @@
 === Advanced ===
-This bookamark is only for advanced users:
+This bookmark is only for advanced users:
 [[Image:Image advanced.png|Image:Image_advanced.png]]
@@ Line 61: / Line 61: @@
 Language Code: specifies the language code e.g. en, pt, pl.
-Long Description URL: specifies the discription of the page.<br>
+Long Description URL: specifies the description of the page.<br>
 Stylesheet Classes: specifies the name of the CSS class.
-Advisory Title: specifies the discription of the target object.
+Advisory Title: specifies the description of the target object.
 Style: specifies the style.

@@ Line 43: / Line 43: @@
 The third bookmark is the "Upload" section:
-[[Image:Image_upload.png]]
+[[Image:Image upload.png|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.
@@ Line 53: / Line 53: @@
 This bookamark is only for advanced users:
-[[Image:Image_advanced.png]]
+[[Image:Image advanced.png|Image:Image_advanced.png]]
 Id: specifies the ID of the image.
@@ Line 59: / Line 59: @@
 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:
+Long Description URL: specifies the discription of the page.<br>

@@ 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.
 === Link ===
-The second bookmarks regards to "Link"<br>
+The second bookmarks regards to "Link":<br>
 [[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>
 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 ).

@@ Line 4: / Line 4: @@
 [[Image:Image properties.png|Image:Image_properties.png]]
 URL: defines the URL adress of the image. You may also use the "Browse Sever" in order to browse the files.
@@ Line 25: / Line 27: @@
 === Link ===
-[[Image:Image_link.png]]
+The second bookmarks regards to "Link"<br>