1 <div class="marco_trabajo">2 <div class="interbarra">3 <div class="vertical">4 <a class="boton b_insertar" href="javascript:" onclick="javascript:document.getElementById('horizontal01').style.height='42px';"></a>5 <a class="boton b_mover_arriba" href=""></a>6 7 <a class="boton b_mover_abajo" href=""></a>8 </div>9 <div class="horizontal" id="horizontal01" onblur="javascript:this.style.height='';">10 <a class="boton b_insertar_texto" href=""></a>11 <a class="boton b_insertar_lista" href=""></a>12 <a class="boton b_insertar_imagen" href=""></a>13 </div>14 15 <div class="zona_edicion edicion_texto">16 17 <div class="barra" id="barra01">18 <a class="boton b_formato_texto_alinear_izquierda" href=""></a>19 <a class="boton b_guardar" href=""></a>20 </div>21 <div class="edicion">22 <textarea onfocus="javascript:document.getElementById('barra01').style.display='block';document.getElementById('etiquetas01').style.display='block';" onblur="javascript:document.getElementById('barra01').style.display='';document.getElementById('etiquetas01').style.display='';">Esta es la zona de edición de texto23 esto son unas24 lineas de ejemplo para observar el comportamiento25 que tiene el textarea</textarea>26 </div>27 <div class="etiquetas" id="etiquetas01">28 29 <a class="etiqueta" href="">introducción</a>30 <a class="etiqueta" href="">otro tag</a>31 <a class="etiqueta" href="">css</a>32 <input>33 </div>34 </div>35 </div>36 37 38 <div class="interbarra">39 <div class="vertical">40 <a class="boton b_insertar" href="javascript:" onclick="javascript:document.getElementById('horizontal02').style.height='42px';"></a>41 <a class="boton b_mover_arriba" href=""></a>42 <a class="boton b_mover_abajo" href=""></a>43 </div>44 <div class="horizontal" id="horizontal02" onblur="javascript:this.style.height='';">45 <a class="boton b_insertar_texto" href=""></a>46 47 <a class="boton b_insertar_lista" href=""></a>48 <a class="boton b_insertar_imagen" href=""></a>49 </div>50 51 <div class="zona_edicion edicion_imagen">52 <div class="barra" id="barra02">53 </div>54 <div class="edicion">55 <div class="imagen">56 57 <img onclick="javascript:document.getElementById('barra02').style.display='block';document.getElementById('etiquetas02').style.display='block';" onmouseout="javascript:document.getElementById('barra02').style.display='';document.getElementById('etiquetas02').style.display='';" src="http://4.bp.blogspot.com/_DYHzOGdo6U0/ScHYjXXjKPI/AAAAAAAAA5g/rRyIehSXdrE/s400/paisaje.jpg">58 </div>59 </div>60 <div class="etiquetas" id="etiquetas02">61 <table>62 <tr>63 <td>URL</td>64 <td><input value="http://4.bp.blogspot.com/_DYHzOGdo6U0/ScHYjXXjKPI/AAAAAAAAA5g/rRyIehSXdrE/s400/paisaje.jpg"></td>65 66 </tr>67 <tr>68 <td>Pie</td>69 <td><input value="Este es el pie de foto"></td>70 </tr>71 </table>72 73 <a class="etiqueta" href="">introducción</a>74 <a class="etiqueta" href="">otro tag</a>75 76 <a class="etiqueta" href="">css</a>77 <input>78 </div>79 </div>80 </div>81 82 83 84 85 86 <div class="interbarra">87 88 <div class="vertical">89 <a class="boton b_insertar" href="javascript:" onclick="javascript:document.getElementById('horizontal03').style.height='42px';"></a>90 <a class="boton b_mover_arriba" href=""></a>91 <a class="boton b_mover_abajo" href=""></a>92 </div>93 <div class="horizontal" id="horizontal03" onblur="javascript:this.style.height='';">94 <a class="boton b_insertar_texto" href=""></a>95 <a class="boton b_insertar_lista" href=""></a>96 <a class="boton b_insertar_imagen" href=""></a>97 98 </div>99 100 <div class="zona_edicion edicion_texto">101 <div class="barra" id="barra03">102 <a class="boton b_formato_texto_alinear_izquierda" href=""></a>103 <a class="boton b_guardar" href=""></a>104 </div>105 <div class="edicion">106 <textarea onfocus="javascript:document.getElementById('barra03').style.display='block';document.getElementById('etiquetas03').style.display='block';" onblur="javascript:document.getElementById('barra03').style.display='';document.getElementById('etiquetas03').style.display='';">Esta es la zona de edición de texto</textarea>107 108 </div>109 <div class="etiquetas" id="etiquetas03">110 <a class="etiqueta" href="">introducción</a>111 <a class="etiqueta" href="">otro tag</a>112 <a class="etiqueta" href="">css</a>113 <input>114 </div>115 116 </div>117 </div>Enlace
El enlace para compartir es: