CKEditor 3.x/Users Guide/Rich Text/Flash - Revision history

Sebstefanov at 11:45, 8 August 2012

2012-08-08T11:45:46Z

Anna: Flash Object Preview section added

2011-03-24T15:04:16Z

Flash Object Preview section added

Anna: Final proof-reading

2010-12-13T12:34:22Z

Final proof-reading

Anna: Dialog windows template added

2010-12-10T11:27:30Z

Dialog windows template added

Anna: Custom title, nowiki for sample links, dialog window section removed

2010-12-02T17:50:50Z

Custom title, nowiki for sample links, dialog window section removed

Anna: moved CKEditor 3.x/Users Guide/Common Tasks/Flash to CKEditor 3.x/Users Guide/Rich Text/Flash: User's Guide structure change

2010-12-02T07:43:30Z

moved CKEditor 3.x/Users Guide/Common Tasks/Flash to CKEditor 3.x/Users Guide/Rich Text/Flash: User's Guide structure change

Anna: moved CKEditor 3.x/Users Guide/Common Tasks/Inserting Flash to CKEditor 3.x/Users Guide/Common Tasks/Flash: Link Shortening

2010-12-01T14:54:22Z

moved CKEditor 3.x/Users Guide/Common Tasks/Inserting Flash to CKEditor 3.x/Users Guide/Common Tasks/Flash: Link Shortening

Anna: Minor formatting changes

2010-11-03T14:05:09Z

Minor formatting changes

Anna: /* Advanced */ Minor rewording

2010-10-29T11:01:09Z

‎Advanced: Minor rewording

Anna: /* Advanced */ Minor restructuring

2010-10-28T12:18:36Z

‎Advanced: Minor restructuring

@@ Line 24: / Line 24: @@
 **: Example:
 **: <code><nowiki>http://example.com/flash1.swf</nowiki></code>
-** Local server: If the image is located on the same server, you can use an absolute path that omits the domain name and starts with a slash.
+** Local server: If the image is located on the same server, you can use a relative path that omits the domain name and starts with a slash.
 **: Example:
 **: <code><nowiki>/animation/flash2.swf</nowiki></code>

@@ Line 3: / Line 3: @@
 CKEditor allows you to add [http://www.adobe.com/flashplatform/ Adobe Flash] files to your documents in an easy and intuitive way.
-In order to insert a Flash object, simply press the [[Image:CKEditor_flash.png‎|Flash]] button on the toolbar. The '''Flash Properties''' dialog window that will open lets you set configuration options that define the Flash object source, its size, display properties, or other advanced properties.
+In order to insert a Flash object, press the [[Image:CKEditor_flash.png‎|Flash]] button on the toolbar. The '''Flash Properties''' dialog window that will open lets you set configuration options that define the Flash object source, its size, display properties, or other advanced properties.
 The '''Flash Properties''' dialog window includes four tabs that group Flash object options:
@@ Line 93: / Line 93: @@
 * '''Stylesheet Classes''' &ndash; the class of the Flash object element (<code>class</code> attribute). Note that a Flash object element might be assigned more than one class. If this is a case, separate class names with spaces.
 * '''Style''' &ndash; CSS style definitions (<code>style</code> attribute). Note that each value must end with a semi-colon and individual properties should be separated with spaces.

@@ Line 3: / Line 3: @@
 CKEditor allows you to add [http://www.adobe.com/flashplatform/ Adobe Flash] files to your documents in an easy and intuitive way.
-To insert a Flash object simply press the [[Image:CKEditor_flash.png‎|Flash]] button on the toolbar. The '''Flash Properties''' dialog window that will open lets you set configuration options that define the Flash object's source, its size, display properties, or other advanced properties.
+In order to insert a Flash object, simply press the [[Image:CKEditor_flash.png‎|Flash]] button on the toolbar. The '''Flash Properties''' dialog window that will open lets you set configuration options that define the Flash object source, its size, display properties, or other advanced properties.
 The '''Flash Properties''' dialog window includes four tabs that group Flash object options:
@@ Line 16: / Line 16: @@
 The '''General''' tab is the default tab that opens after you press the [[Image:CKEditor_flash.png‎|Flash]] button on the toolbar. It allows you to set the URL of the Flash object and configure the way it will appear in the document.
-[[Image:CKEditor_flash_general.png|frame|center|alt=General tab of the Flash Properties window|General tab of the Flash Properties window]]
+[[Image:CKEditor_flash_general.png|frame|center|General tab of the Flash Properties window]]
@@ Line 40: / Line 40: @@
 The '''Upload''' tab of the '''Flash Properties''' dialog window allows you to send your own Flash objects to the server. It is only visible if the server accepts files uploaded by the users and CKEditor is integrated with a file browser (like [http://ckfinder.com/ CKFinder]).
-[[Image:CKEditor_flash_upload.png|frame|center|alt=Upload tab of the Flash Properties window|Upload tab of the Flash Properties window]]
+[[Image:CKEditor_flash_upload.png|frame|center|Upload tab of the Flash Properties window]]
@@ Line 48: / Line 48: @@
 The '''Properties''' tab lets you configure various Flash options that control the behavior of the inserted object. They also provide access to Adobe Flash Player settings that enable the object to play automatically or loop.
-[[Image:CKEditor_flash_properties.png|frame|center|alt=Properties tab of the Flash Properties window|Properties tab of the Flash Properties window]]
+[[Image:CKEditor_flash_properties.png|frame|center|Properties tab of the Flash Properties window]]
 Below is an overview of all '''Properties''' tab elements:
-* '''Scale''' &ndash; the parameter that controls the scaling, stretching or shrinking of the Flash object when the browser window is resized (<code>scale</code> attribute). You can choose between the following options:
+* '''Scale''' &ndash; the parameter that controls the scaling, stretching, or shrinking of the Flash object when the browser window is resized (<code>scale</code> attribute). You can choose between the following options:
-** Show all &ndash; the entire object is visible with original aspect ratio retained. Borders may be present.
+** '''Show all''' &ndash; the entire object is visible with original aspect ratio retained. Borders may be present.
-** No Border &ndash; the object is scaled to fit within the specified area without any borders, with original aspect ratio retained (the sides of the object may be cropped).
+** '''No Border''' &ndash; the object is scaled to fit within the specified area without any borders, with original aspect ratio retained (the sides of the object may be cropped).
-** Exact Fit &ndash; the entire object is visible within the specified area, but the original aspect ratio might not be retained thus making the object distorted.
+** '''Exact Fit''' &ndash; the entire object is visible within the specified area, but the original aspect ratio might not be retained thus making the object distorted.
 * '''Script Access''' &ndash; the parameter that controls the ability of the Flash object to communicate with the page it is embedded in (<code>allowScriptAccess</code> attribute). You can choose between the following options:
-** Always &ndash; the Flash object can communicate with the HTML page it is embedded in even if they are from different domains.
+** '''Always''' &ndash; the Flash object can communicate with the HTML page it is embedded in even if they are from different domains.
-** Same domain &ndash; the Flash object can communicate with the HTML page it is embedded in only if they are from the same domain.
+** '''Same domain''' &ndash; the Flash object can communicate with the HTML page it is embedded in only if they are from the same domain.
-** Never &ndash; the Flash object cannot communicate with the HTML page it is embedded in.
+** '''Never''' &ndash; the Flash object cannot communicate with the HTML page it is embedded in.
 * '''Window mode''' &ndash; the parameter that controls the layering of the Flash object in the browser window (<code>wmode</code> attribute). You can choose between the following options:
-** Window &ndash; the Flash object is shown in its own window on a document.
+** '''Window''' &ndash; the Flash object is shown in its own window on a document.
-** Opaque &ndash; the Flash object hides everything underneath.
+** '''Opaque''' &ndash; the Flash object hides everything underneath.
-** Transparent &ndash; the document background shows through all transparent parts of the Flash object.
+** '''Transparent''' &ndash; the document background shows through all transparent parts of the Flash object.
 * '''Quality''' &ndash; the parameter that controls the relation between the speed of the object and its appearance (<code>quality</code> attribute). You can choose between the following options:
-** Best &ndash; best appearance, speed is disregarded.
+** '''Best''' &ndash; best appearance, speed is disregarded.
-** High &ndash; appearance is favored over speed.
+** '''High''' &ndash; appearance is favored over speed.
-** Auto High &ndash; speed and appearance are equally emphasized.
+** '''Auto Hig'''h &ndash; speed and appearance are equally emphasized.
-** Medium &ndash; speed is favored over quality, but some anti-aliasing is applied.
+** '''Medium''' &ndash; speed is favored over quality, but some anti-aliasing is applied.
-** Auto Low &ndash; speed is favored over quality, but quality is improved whenever possible.
+** '''Auto Low''' &ndash; speed is favored over quality, but quality is improved whenever possible.
-** Low &ndash; speed is favoured over quality and anti-aliasing is never applied.
+** '''Low''' &ndash; speed is favored over quality and anti-aliasing is never applied.
-* '''Align''' &ndash; the parameter that controls the alignment of the Flash object in the document (<code>align</code> attribute). You can choose between the following options: Left, Abs Bottom, Abs Middle, Baseline, Bottom, Middle, Right, Text Top, or Top.
+* '''Align''' &ndash; the parameter that controls the alignment of the Flash object in the document (<code>align</code> attribute). You can choose between the following options: '''Left''', '''Abs Bottom''', '''Abs Middle''', '''Baseline''', '''Bottom''', '''Middle''', '''Right''', '''Text Top''', or '''Top'''.
@@ Line 81: / Line 81: @@
 == Advanced ==
-The '''Advanced''' tab lets you configure additional Flash object options such as assign it an ID, a class, a tooltip or CSS style properties. It is meant for advanced users with knowledge of HTML and CSS and gives nearly endless possibilities as far as the presentation of the Flash object is concerned.
+The '''Advanced''' tab lets you configure additional Flash object options such as assign it an ID, a class, a tooltip, or CSS style properties. It is meant for advanced users with knowledge of HTML as well as CSS, and gives nearly endless possibilities as far as the presentation of the Flash object is concerned.
-[[Image:CKEditor_flash_advanced.png|frame|center|alt=Advanced tab of the Flash Properties window|Advanced tab of the Flash Properties window]]
+[[Image:CKEditor_flash_advanced.png|frame|center|Advanced tab of the Flash Properties window]]
@@ Line 91: / Line 91: @@
 * '''Advisory Title''' &ndash; the text of the tooltip that is shown when the mouse cursor hovers over the Flash object (<code>title</code> attribute).
 * '''Background color''' &ndash; the color that is visible beneath the transparent portions of the Flash object.
-* '''Stylesheet Classes''' &ndash; a class of the Flash object element (<code>class</code> attribute). Note that a Flash object element might be assigned more than one class. If this is a case, separate class names with spaces.
+* '''Stylesheet Classes''' &ndash; the class of the Flash object element (<code>class</code> attribute). Note that a Flash object element might be assigned more than one class. If this is a case, separate class names with spaces.
 * '''Style''' &ndash; CSS style definitions (<code>style</code> attribute). Note that each value must end with a semi-colon and individual properties should be separated with spaces.

@@ Line 11: / Line 11: @@
 * [[CKEditor_3.x/Users_Guide/Rich Text/Flash#Advanced|Advanced]]
-For general information on using dialog windows please refer to the [[CKEditor 3.x/Users Guide/Interface/Dialog Windows|Dialog Windows]] section of the User's Guide.
+{{CKEditor Dialog Windows}}
 == General ==

@@ Line 1: / Line 1: @@
 __TOC__
 CKEditor allows you to add [http://www.adobe.com/flashplatform/ Adobe Flash] files to your documents in an easy and intuitive way.
@@ Line 6: / Line 6: @@
 The '''Flash Properties''' dialog window includes four tabs that group Flash object options:
-* [[CKEditor_3.x/Users_Guide/Common_Tasks/Inserting_Flash#General|General]]
+* [[CKEditor_3.x/Users_Guide/Rich Text/Flash#General|General]]
-* [[CKEditor_3.x/Users_Guide/Common_Tasks/Inserting_Flash#Upload|Upload]]
+* [[CKEditor_3.x/Users_Guide/Rich Text/Flash#Upload|Upload]]
-* [[CKEditor_3.x/Users_Guide/Common_Tasks/Inserting_Flash#Properties|Properties]]
+* [[CKEditor_3.x/Users_Guide/Rich Text/Flash#Properties|Properties]]
-* [[CKEditor_3.x/Users_Guide/Common_Tasks/Inserting_Flash#Advanced|Advanced]]
+* [[CKEditor_3.x/Users_Guide/Rich Text/Flash#Advanced|Advanced]]
 == General ==
 The '''General''' tab is the default tab that opens after you press the [[Image:CKEditor_flash.png‎|Flash]] button on the toolbar. It allows you to set the URL of the Flash object and configure the way it will appear in the document.
@@ Line 34: / Line 23: @@
 ** External server: If you want to use an external address, use the full absolute path.
 **: Example:
-**: http://example.com/flash1.swf
+**: <code><nowiki>http://example.com/flash1.swf</nowiki></code>
 ** Local server: If the image is located on the same server, you can use an absolute path that omits the domain name and starts with a slash.
 **: Example:
-**: [[/animations/flash2.swf]]
+**: <code><nowiki>/animation/flash2.swf</nowiki></code>
 **: If CKEditor is integrated with a file browser (like [http://ckfinder.com/ CKFinder]), you can also use the '''Browse Server''' button to select a Flash object from the ones that are available on the server.
@@ Line 49: / Line 38: @@
 == Upload ==
 The '''Upload''' tab of the '''Flash Properties''' dialog window allows you to send your own Flash objects to the server. It is only visible if the server accepts files uploaded by the users and CKEditor is integrated with a file browser (like [http://ckfinder.com/ CKFinder]).
@@ Line 58: / Line 46: @@
 == Properties ==
 The '''Properties''' tab lets you configure various Flash options that control the behavior of the inserted object. They also provide access to Adobe Flash Player settings that enable the object to play automatically or loop.
@@ Line 94: / Line 81: @@
 == Advanced ==
 The '''Advanced''' tab lets you configure additional Flash object options such as assign it an ID, a class, a tooltip or CSS style properties. It is meant for advanced users with knowledge of HTML and CSS and gives nearly endless possibilities as far as the presentation of the Flash object is concerned.

← Older revision	Revision as of 07:43, 2 December 2010
(No difference)

← Older revision	Revision as of 14:54, 1 December 2010
(No difference)

@@ Line 31: / Line 31: @@
 Below is an overview of all '''General''' tab elements:
-* '''URL''' &mdash; the web address of the Flash object. The object may be located on the same server as the web site you are currently in or on an external server.
+* '''URL''' &ndash; the web address of the Flash object. The object may be located on the same server as the web site you are currently in or on an external server.
 ** External server: If you want to use an external address, use the full absolute path.
 **: Example:
@@ Line 40: / Line 40: @@
 **: If CKEditor is integrated with a file browser (like [http://ckfinder.com/ CKFinder]), you can also use the '''Browse Server''' button to select a Flash object from the ones that are available on the server.
-* '''Width''' &mdash;  the width of the Flash object in pixels.
+* '''Width''' &ndash;  the width of the Flash object in pixels.
-* '''Height''' &mdash; the height of the Flash object in pixels.
+* '''Height''' &ndash; the height of the Flash object in pixels.
-* '''HSpace''' &mdash; the horizontal spacing (or margin) between the Flash object and other document elements that surround it, in pixels.
+* '''HSpace''' &ndash; the horizontal spacing (or margin) between the Flash object and other document elements that surround it, in pixels.
-* '''VSpace''' &mdash; the vertical spacing (or margin) between the Flash object and other document elements that surround it, in pixels.
+* '''VSpace''' &ndash; the vertical spacing (or margin) between the Flash object and other document elements that surround it, in pixels.
-* '''Preview''' &mdash; a preliminary view of the selected Flash object formatted according to the options chosen above.
+* '''Preview''' &ndash; a preliminary view of the selected Flash object formatted according to the options chosen above.
 == Upload ==
@@ Line 65: / Line 65: @@
 Below is an overview of all '''Properties''' tab elements:
-* '''Scale''' &mdash; the parameter that controls the scaling, stretching or shrinking of the Flash object when the browser window is resized (<code>scale</code> attribute). You can choose between the following options:
+* '''Scale''' &ndash; the parameter that controls the scaling, stretching or shrinking of the Flash object when the browser window is resized (<code>scale</code> attribute). You can choose between the following options:
-** Show all &mdash; the entire object is visible with original aspect ratio retained. Borders may be present.
+** Show all &ndash; the entire object is visible with original aspect ratio retained. Borders may be present.
-** No Border &mdash; the object is scaled to fit within the specified area without any borders, with original aspect ratio retained (the sides of the object may be cropped).
+** No Border &ndash; the object is scaled to fit within the specified area without any borders, with original aspect ratio retained (the sides of the object may be cropped).
-** Exact Fit &mdash; the entire object is visible within the specified area, but the original aspect ratio might not be retained thus making the object distorted.
+** Exact Fit &ndash; the entire object is visible within the specified area, but the original aspect ratio might not be retained thus making the object distorted.
-* '''Script Access''' &mdash; the parameter that controls the ability of the Flash object to communicate with the page it is embedded in (<code>allowScriptAccess</code> attribute). You can choose between the following options:
+* '''Script Access''' &ndash; the parameter that controls the ability of the Flash object to communicate with the page it is embedded in (<code>allowScriptAccess</code> attribute). You can choose between the following options:
-** Always &mdash; the Flash object can communicate with the HTML page it is embedded in even if they are from different domains.
+** Always &ndash; the Flash object can communicate with the HTML page it is embedded in even if they are from different domains.
-** Same domain &mdash; the Flash object can communicate with the HTML page it is embedded in only if they are from the same domain.
+** Same domain &ndash; the Flash object can communicate with the HTML page it is embedded in only if they are from the same domain.
-** Never &mdash; the Flash object cannot communicate with the HTML page it is embedded in.
+** Never &ndash; the Flash object cannot communicate with the HTML page it is embedded in.
-* '''Window mode''' &mdash; the parameter that controls the layering of the Flash object in the browser window (<code>wmode</code> attribute). You can choose between the following options:
+* '''Window mode''' &ndash; the parameter that controls the layering of the Flash object in the browser window (<code>wmode</code> attribute). You can choose between the following options:
-** Window &mdash; the Flash object is shown in its own window on a document.
+** Window &ndash; the Flash object is shown in its own window on a document.
-** Opaque &mdash; the Flash object hides everything underneath.
+** Opaque &ndash; the Flash object hides everything underneath.
-** Transparent &mdash; the document background shows through all transparent parts of the Flash object.
+** Transparent &ndash; the document background shows through all transparent parts of the Flash object.
-* '''Quality''' &mdash; the parameter that controls the relation between the speed of the object and its appearance (<code>quality</code> attribute). You can choose between the following options:
+* '''Quality''' &ndash; the parameter that controls the relation between the speed of the object and its appearance (<code>quality</code> attribute). You can choose between the following options:
-** Best &mdash; best appearance, speed is disregarded.
+** Best &ndash; best appearance, speed is disregarded.
-** High &mdash; appearance is favored over speed.
+** High &ndash; appearance is favored over speed.
-** Auto High &mdash; speed and appearance are equally emphasized.
+** Auto High &ndash; speed and appearance are equally emphasized.
-** Medium &mdash; speed is favored over quality, but some anti-aliasing is applied.
+** Medium &ndash; speed is favored over quality, but some anti-aliasing is applied.
-** Auto Low &mdash; speed is favored over quality, but quality is improved whenever possible.
+** Auto Low &ndash; speed is favored over quality, but quality is improved whenever possible.
-** Low &mdash; speed is favoured over quality and anti-aliasing is never applied.
+** Low &ndash; speed is favoured over quality and anti-aliasing is never applied.
-* '''Align''' &mdash; the parameter that controls the alignment of the Flash object in the document (<code>align</code> attribute). You can choose between the following options: Left, Abs Bottom, Abs Middle, Baseline, Bottom, Middle, Right, Text Top, or Top.
+* '''Align''' &ndash; the parameter that controls the alignment of the Flash object in the document (<code>align</code> attribute). You can choose between the following options: Left, Abs Bottom, Abs Middle, Baseline, Bottom, Middle, Right, Text Top, or Top.
 The '''Properties''' tab lets you configure four additional options pertaining to the Flash Player:
-* '''Enable Flash Menu''' &mdash; the parameter that controls whether the Flash context menu is enabled.
+* '''Enable Flash Menu''' &ndash; the parameter that controls whether the Flash context menu is enabled.
-* '''Auto Play''' &mdash; the parameter that controls whether the Flash object will start playing automatically right after you open the document.
+* '''Auto Play''' &ndash; the parameter that controls whether the Flash object will start playing automatically right after you open the document.
-* '''Loop''' &mdash; the parameter that controls whether the Flash object will play continuously in a loop.
+* '''Loop''' &ndash; the parameter that controls whether the Flash object will play continuously in a loop.
-* '''Allow Fullscreen''' &mdash; the parameter that controls whether the Flash object may be played in the full screen mode.
+* '''Allow Fullscreen''' &ndash; the parameter that controls whether the Flash object may be played in the full screen mode.
 == Advanced ==
@@ Line 102: / Line 102: @@
 Below is the overview of all '''Advanced''' tab elements:
-* '''Id''' &mdash; a unique identifier for a Flash object element in the document (<code>id</code> attribute).
+* '''Id''' &ndash; a unique identifier for a Flash object element in the document (<code>id</code> attribute).
-* '''Advisory Title''' &mdash; the text of the tooltip that is shown when the mouse cursor hovers over the Flash object (<code>title</code> attribute).
+* '''Advisory Title''' &ndash; the text of the tooltip that is shown when the mouse cursor hovers over the Flash object (<code>title</code> attribute).
-* '''Background color''' &mdash; the color that is visible beneath the transparent portions of the Flash object.
+* '''Background color''' &ndash; the color that is visible beneath the transparent portions of the Flash object.
-* '''Stylesheet Classes''' &mdash; a class of the Flash object element (<code>class</code> attribute). Note that a Flash object element might be assigned more than one class. If this is a case, separate class names with spaces.
+* '''Stylesheet Classes''' &ndash; a class of the Flash object element (<code>class</code> attribute). Note that a Flash object element might be assigned more than one class. If this is a case, separate class names with spaces.
-* '''Style''' &mdash; CSS style definitions (<code>style</code> attribute). Note that each value must end with a semi-colon and individual properties should be separated with spaces.
+* '''Style''' &ndash; CSS style definitions (<code>style</code> attribute). Note that each value must end with a semi-colon and individual properties should be separated with spaces.