1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
<!DOCTYPE HTML>
<style>
* {
margin: 0;
padding: 0;
}
</style>
<!-- Image, map, and area are all not content editable. -->
<img id="imageANotEditable" width="100" height="100" src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=" usemap="#imageMapANotEditable">
<map id="imageMapANotEditable" name="imageMapANotEditable">
<area id="areaANotEditable" shape="rect" coords="0,0,50,50" href="#" role="img">
</map>
<br>
<!--Image is content editable, map and area are not. -->
<img id="imageBEditable" width="100" height="100" src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=" usemap="#imageMapBNotEditable" contentEditable="true">
<map id="imageMapBNotEditable" name="imageMapBNotEditable" contentEditable="false">
<area id="areaBNotEditable" shape="rect" coords="0,0,50,50" href="#" role="img">
</map>
<br>
<!-- Map is content editable, image and area are not. -->
<img id="imageCNotEditable" width="100" height="100" src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=" usemap="#imageMapCEditable">
<map id="imageMapCEditable" name="imageMapCEditable" contentEditable="true">
<area id="areaCNotEditable" shape="rect" coords="0,0,50,50" href="#" role="img" contentEditable="false">
</map>
<br>
<!-- Area is content editable, image and map are not. -->
<img id="imageDNotEditable" width="100" height="100" src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=" usemap="#imageMapDNotEditable">
<map id="imageMapDNotEditable" name="imageMapDNotEditable">
<area id="areaDEditable" shape="rect" coords="0,0,50,50" href="#" role="img" contentEditable="true">
</map>
|
