Copyright © 2007 Jan Schäfer
Copyright © 2010-2024 The TDE Team
This documentation is licensed under the terms of the GNU Free Documentation License.
KImageMapEditor is an HTML image map editor for TDE.
KImageMapEditor is an HTML image map editor for TDE that helps create and modify HTML image maps.
KImageMapEditor main window.
A common use case is a world map where each country is an image map. By clicking on a country in the map you can open a link to the selected country.
Creating an image map requires the following steps:
Load an image file (png
,
jpg
, gif
)
or a HTML file from your disk or drag into the image area. When multiple images are loaded,
then select the desired image from the Images list tab in the docker.
Add a image map using -> from the menu and enter a map name.
Now the menu is enabled. Select the appropriate geometric shape like , , or and define a clickable area in the image.
The Area Tag Editor dialog is displayed. On the General tab enter the attributes HREF (a link's target URL), Alt.Text, Target and Title.
The Coordinates tab shows the geometric data of the shape. Editing the value allows you to adjust size and position on the image as your changes are immediately visible in the image. Size and position can be altered using the mouse as well.
To open the Area Tag Editor dialog for an already defined image map use from the menu or the context menu of the region.
Use -> to view the generated HTML code of the map.
Next open -> and enter the map name as usemap value. Save your work with ->. Open the HTML file in Konqueror to verify that the image map is working as expected.
Configuration options of KImageMapEditor can be accessed by opening the configuration dialog with selecting -> from the menu.
Configuration dialog of KImageMapEditor.
Would you like to comment or contribute an update to this page?
Send feedback to the TDE Development Team