#2459: V3: Skins
-----------------------------------+----------------------------------------
Reporter: fredck | Owner:
Type: New Feature | Status: new
Priority: Normal | Milestone: CKEditor 3.0
Component: General | Version:
Keywords: Confirmed V3ProtoCore |
-----------------------------------+----------------------------------------
In the CKEditor prototype, an editor skin is simply a set of CSS files
which are loaded in the executing page. The "_source/skins/default" folder
contains an example.
The main skin file is named "editor.css". This file contains the CSS
definitions for the editor interface. We may also have "dialog.css",
containing dialog specific definitions.
In the trunk/development version, editor.css contains a series of @import
declarations. This makes the development code better organized. The
release instead will have just one file, containing the minified version
of all files.
=== Class names ===
Considering that all CSS definitions will be now loaded in the main page
where the editor runs, we need ways to isolate them from other styles used
in the page. Because of this, all classes used in the editor interface
must be prefixed with "cke_".
We must also consider that we may have two editor instances using
different skins in the same page. For that, the entire editor interface is
defined inside a container element which has the "cke_skin_<skinName>"
class. Therefore, all CSS definitions for a skin must go under
".cke_skin_<skinName>".
=== Reset ===
To be safe with the styles defined in the page, all skins must define a
"CSS reset" set of styles, which clears those CSS properties that could
interfere in the editor interface. For an example, see
"skins/default/reset.css".
=== Instance configuration ===
The <instance>.config.skin setting contains the name of the skin to be
used for a specific editor instance. The skin name must match the folder
name in the "skins" folder. The skin files are downloaded only once, and
shared among all instances using that same skin.
--
Ticket URL: <http://dev.fckeditor.net/ticket/2459>
FCKeditor <http://www.fckeditor.net/>
The text editor for Internet
-------------------------------------------------------------------------
This SF.Net email is sponsored by the Moblin Your Move Developer's challenge
Build the coolest Linux based applications with Moblin SDK & win great prizes
Grand prize is a trip for two to an Open Source event anywhere in the world
http://moblin-contest.org/redirect.php?banner_id=100&url=/
_______________________________________________
FCKeditor-Trac mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/fckeditor-trac
