Flash

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.

CKEditor allows you to add Adobe Flash files to your documents in an easy and intuitive way.

To insert a Flash object simply press the 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.

The Flash Properties dialog window includes four tabs that group Flash object options:

All tabs contain the OK and Cancel buttons that let you accept the changes or close the dialog window without performing any changes, respectively.

Once inserted into the document, the Flash object can be edited at any time by double-clicking it. The Flash Properties dialog window will open again and you will be able to introduce changes to the Flash object configuration options.

If you attempt to close the Flash Properties dialog window without saving the changes, you will be prompted to do so:

File:CKEditor image changed.png
An alert window prompting to save the changes made to the Flash objec


You can either proceed without saving your changes by choosing OK or close the alert window with the Cancel command and save the changes.


General

CKEditor flash properties.png

The first bookmark named "General" refers to:

  • URL: defines the URL address of the flash object. You may also use the "Browse Sever" in order to browse the files.
  • Width: specifies flash object width.
  • Height: specifies flash object height.
  • HSpace: defines the size of the horizontal gap.
  • VSpace: defines the size of the vertical gap.
  • Preview: in this window user may view how the window looks with the added flash object.


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

Upload

Notice that this bookmark may not be available if CKEditor is not connected to the file manager, such as CKFinder.

The second bookmarks refers to "Upload" option:

CKEditor flash upload.png

  • Upload: specifies the location of the flash file on your local hard drive. User may also use "browse" instead of typing the location manually.

Pressing "Send it to the Server" sends the flash object to the server.

Properties

The third bookmark is the "Properties" section:

File:CKEditor properties flash.png

This bookmark allows user to set following options:

  • Scale specifies scale of the flash object. User may choose one option from following possibilities:Show all, No Border, Exact Fit.
  • Script Access specifies how to run external scripts. User may choose one of three options: Always, Same domain, Never.
  • Window mode specifies how to window looks like. User may choose one from: Window, Opaque, Transparent.
  • Quality: specifies the quality of the flash object. User may choose one of six option: Best, High, Auto High, Medium, Auto Low, Low.
  • Align: specifies the alignment of the flash object. User may choose from: Left, Abs Bottom, Abs Middle, Baseline, Bottom, Middle, Right, Text Top or Top.

And checkbox option:

  • Enable Flash Menu if you check this option context flash menu will be enabled.
  • Auto Play if you check this option flash will start immediately.
  • Loop if you check this option flash will play in loop.
  • Allow Fullscreen if you check this option flash may be shown in full screen.


Press "OK" to save the changes.

Advanced

This bookmark allow user to set advanced properties:

CKEditor flash advanced.png

  • Id: specifies the ID of the flash object.
  • Advisory Title: specifies the description of the target object.
  • Background color: sets background's color.
  • Stylesheet Classes: specifies the name of the CSS class.
  • Style: specifies the style.