{"id":3644,"date":"2020-06-07T19:40:22","date_gmt":"2020-06-08T00:40:22","guid":{"rendered":"http:\/\/disenoweb.mx\/?p=3644"},"modified":"2020-07-31T15:02:28","modified_gmt":"2020-07-31T20:02:28","slug":"desarrollo-web-oaxaca-2","status":"publish","type":"post","link":"https:\/\/disenoweb.mx\/blog\/desarrollo-web-oaxaca-2\/","title":{"rendered":"Desarrollo web Oaxaca"},"content":{"rendered":"\n

Desarrollo web Oaxaca<\/a><\/h1>\n
\"Desarrollo
Desarrollo web Oaxaca<\/figcaption><\/figure>\n

CONTENTEDITABLE<\/p>\n

Desarrollo web Oaxaca<\/strong><\/em><\/a>\u00a0inventado por Microsoft, e implementado por el resto de los navegadores, la etiqueta contenteditable es ahora parte de la especificaci\u00f3n oficial.
\nLa introducci\u00f3n de esta etiqueta significa principalmente dos cosas\u00a0dise\u00f1o<\/em><\/strong>:
\nPrimero, los usuarios pueden editar los contenidos de un elemento que incluya esta etiqueta. Este elemento debe ser seleccionable y el navegador debe proporcionar una marca que indique la posici\u00f3n actual del cursor. Y segundo, es posible cambiar el formato del texto del contenido, a\u00f1adiendo negritas, cambiar la fuente, a\u00f1adir listas, etc\u00a0dise\u00f1o web<\/strong><\/em>.
\nEste atributo es de tipo booleano, por lo que su valor puede ser true o false. Al acceder desde JavaScript a este atributo, hay que tener en cuenta su notaci\u00f3n lowerCamelCase, siendo el nombre de la propiedad del DOM contentEditable. Adem\u00e1s, existe otra propiedad llamada isContentEditable, que indica si el elemento es editable o no.<\/p>\n

Finalmente, el contenido que ha sido seleccionado por el usuario, puede ser objeto de modificaciones, como hemos comentado antes. A trav\u00e9s del comando element.execCommand() es posible indicar el tipo de modificaci\u00f3n (poner en negrita, copiar, cambiar la fuente\u2026), siempre que el documento se haya indicado como editable\u00a0dise\u00f1o web Guadalajara<\/strong><\/em>.
\ndocument.designMode = \u2018on\u2019;
\nSi se desea almacenar los cambios realizados en el contenido, es necesario enviarlo al servidor. No existe ning\u00fan API o m\u00e9todo en JavaScript que nos posibilite esta acci\u00f3n, por lo que debemos utilizar alg\u00fan tipo de tecnolog\u00eda tipo AJAX\u00a0sitio web<\/strong><\/em><\/a>.<\/p>\n

DATA-* (CUSTOM DATA ATTRIBUTES)<\/p>\n

HTML5 permite crear atributos personalizados para los elementos. Estos atributos son utilizados para pasar informaci\u00f3n a JavaScript. Como veremos en el cap\u00edtulo correspondiente, hasta ahora se utilizaba el atributo class para de alguna manera almacenar informaci\u00f3n asociada con elementos, pero esto cambia radicalmente con estos atributo\u00a0dise\u00f1o web Df<\/strong><\/em>.
\n<ul id=\u201dvegetable-seeds\u201d> <li data-spacing=\u201d10cm\u201d data-sowing-time=\u201dMarch to June\u201d>Carrots<\/li> <li data-spacing=\u201d30cm\u201d data-sowing-time=\u201dFebruary to March\u201d>Celery<\/li> <li data-spacing=\u201d3cm\u201d data-sowing-time=\u201dMarch to September\u201d>Radishes<\/li> <\/ul>
\nDRAGGABLE<\/p>\n

Este atributo indica que el elemento indicado puede ser arrastable. Lo veremos en el cap\u00edtulo correspondiente\u00a0Desarrollo web Oaxaca<\/strong>.<\/p>\n

Desarrollo web Oaxaca<\/strong><\/em><\/h2>\n","protected":false},"excerpt":{"rendered":"

Desarrollo web Oaxaca CONTENTEDITABLE Desarrollo web Oaxaca\u00a0inventado por Microsoft, e implementado por el resto de los navegadores, la etiqueta contenteditable es ahora parte de la especificaci\u00f3n oficial. La introducci\u00f3n de esta etiqueta significa principalmente dos cosas\u00a0dise\u00f1o: Primero, los usuarios pueden editar los contenidos de un elemento que incluya esta etiqueta. Este elemento debe ser seleccionable …<\/p>\n

Desarrollo web Oaxaca<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":4043,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","_joinchat":[],"footnotes":""},"categories":[1189,55,1191],"tags":[533,70,46,143,47,128],"class_list":["post-3644","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web","category-diseno-web","category-diseno-web-2","tag-desarrollo-web-oaxaca","tag-diseno","tag-diseno-web","tag-diseno-web-df","tag-diseno-web-guadalajara","tag-sitio-web"],"_links":{"self":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts\/3644","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/comments?post=3644"}],"version-history":[{"count":0,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts\/3644\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/media?parent=3644"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/categories?post=3644"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/tags?post=3644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}