| Plugin SkinEditor |
Authors | Anyware Services |
Most recent version | 1.3.0 |
Tracking issues | |
Download | Lastest version |
Presentation
This extension allows to edit the skin resources : XSL templates, CSS stylesheets, images, ...
Requirements : CSS, XHTML, XSL
Features :
- pleasant online editors with syntax highlighting
- preview mode
- revert all changes
Screenshots
User manual
Skin editor tool
To access the Skin editor tool, click on Skin editor button (may be in Developer tab)
In dialog box, then choose the skin you want to edit among the proposed list. The listed skins depend on your rights.
This action creates a copy of the skin selected. If the skin is already being edited, this is the version that will be open.
The skin editor tool is opened on left side. You can see all resources of the skin.
Skin editor toolbar
Go-live | Apply all changes. Overwrite the skin's files in production by those edited. |
Cancel changes | Revert all changes : reset all files with those of the current skin. |
Preview | Preview the modifications : preview in a new window the whole site with modifications |
Be careful using the Go-live action. The changes will be applied on all sites using the edited skin.
Make sure you have checked all of the changes with the preview before doing this action.
Only one instance of a skin can be edited. All users work on the same copy. A new copy of the skin will only be created after a Go-live or a Cancel changes action.
If you quit the skin editor tool, your changes are not lost. You can back to the edited skin later.
Skin resources
The skin editor is a classic document explorer. You can :
- create, rename or delete folders
- creates, rename, delete or download files
Edit files
To edit a file, select it in the resources tree and click on Open button, or doucle-click on it.
This action open the file in edition on center area.
You can save or cancel your modification.
Backup
A backup of the skin is created after each Go-live action.
The backup is stored in WEB-INF/data/skins.back directory.
Installation and download
Download
Dependencies
SkinEditor 1.0.0 depends on codemirror 0.80
SkinEditor 1.1.0 depends on codemirror 0.92
Installation
- Add the plugin JAR in the WEB-INF/lib directory of your Ametys application.
- In the WEB-INF/param/cms-ribbon.xml file, you have to add the buttons and contextual tab related to skin editor.
<control id="org.ametys.skineditor.tool.SkinEditorTool"/>
<import>plugin:skineditor://cms-ribbon.xml</import>
If you want to install this on Ametys 3.0, you have to replace the <import> command by the content of the file (import directive was not existing).
Compatibility
Plugin version | 1.0.x | 1.1.x | 1.2.x | 1.3.x |
Ametys 3.0.x |
|
| ||
Ametys 3.1.x |
|
| ||
Ametys 3.2.x |
|
| ||
| Ametys 3.3.x |
| |||
| Ametys 3.4.x |
|
Back to top