{"id":4809,"date":"2012-09-24T21:37:58","date_gmt":"2012-09-24T21:37:58","guid":{"rendered":"https:\/\/www.jose-aguilar.com\/blog\/?p=4809"},"modified":"2013-08-13T19:05:56","modified_gmt":"2013-08-13T19:05:56","slug":"cleditor","status":"publish","type":"post","link":"https:\/\/www.jose-aguilar.com\/blog\/cleditor\/","title":{"rendered":"CLEditor"},"content":{"rendered":"<p>CLEditor es un plugin de jQuery que ofrece con un peso ligero, con todas las funciones, navegadores, extensible, un WYSIWYG editor HTML que puede a\u00f1adirse f\u00e1cilmente en cualquier sitio web.<\/p>\n<p>Utilizando este plugin, todos los textareas de nuestra p\u00e1gina Web tendr\u00e1n el siguiente aspecto:<\/p>\n<p><a href=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/09\/cleidtor.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4828\" title=\"cleidtor\" alt=\"\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/09\/cleidtor.png\" width=\"513\" height=\"262\" srcset=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/09\/cleidtor.png 513w, https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/09\/cleidtor-300x153.png 300w\" sizes=\"auto, (max-width: 513px) 100vw, 513px\" \/><\/a><\/p>\n<p>Es un plugin muy ligero y de f\u00e1cil instalaci\u00f3n. El \u00fanico inconveniente que puede tener es que seg\u00fan la versi\u00f3n de la librer\u00eda de jQuery que se utilice no funciona.<\/p>\n<p>Para disponer de este editor tendremos que a\u00f1adir el el &lt;head&gt; de nuestra p\u00e1gina los archivos que podemos descargar de la p\u00e1gina oficial:<\/p>\n<pre>&lt;link rel=\"stylesheet\" type=\"text\/css\" href=\"jquery.cleditor.css\" \/&gt;\r\n&lt;script type=\"text\/javascript\" src=\"jquery.min.js\"&gt;&lt;\/script&gt;\r\n&lt;script type=\"text\/javascript\" src=\"jquery.cleditor.min.js\"&gt;&lt;\/script&gt;\r\n&lt;script type=\"text\/javascript\"&gt;\r\n$(document).ready(function() {\r\n\u00a0\u00a0 \u00a0$(\"#input\").cleditor();\r\n});\r\n&lt;\/script&gt;<\/pre>\n<p>Como podemos observar necesitaremos a\u00f1adir la hoja de estilos, la librer\u00eda jQuery, el plugin y su llamada simple.<\/p>\n<p>En nuestro HTML a\u00f1adiremos un id=\u00bbinput\u00bb, en este caso, a los campos de texto que queramos que tengan editor:<\/p>\n<pre>&lt;textarea id=\"input\" name=\"input\"&gt;&lt;\/textarea&gt;<\/pre>\n<p>En el ejemplo que tenemos en funcionamiento podremos ver mejor su funcionamiento, adem\u00e1s podremos enviar ese contenido enriquecido recibi\u00e9ndolo mediante PHP para su posible guardado en base de datos o en archivo o lo que se desee.<\/p>\n<p><a href=\"http:\/\/premiumsoftware.net\/cleditor\/downloads\/index.html\" target=\"_blank\">Descargar<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>CLEditor es un plugin de jQuery que ofrece con un peso ligero, con todas las funciones, navegadores, extensible, un WYSIWYG editor HTML que puede a\u00f1adirse f\u00e1cilmente en cualquier sitio web. Utilizando este plugin, todos los textareas de nuestra p\u00e1gina Web tendr\u00e1n el siguiente aspecto: Es un plugin muy ligero y de f\u00e1cil instalaci\u00f3n. El \u00fanico [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4828,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[86],"class_list":["post-4809","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery","tag-editores-html"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>CLEditor - Jose Aguilar Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CLEditor - Jose Aguilar Blog\" \/>\n<meta property=\"og:description\" content=\"CLEditor es un plugin de jQuery que ofrece con un peso ligero, con todas las funciones, navegadores, extensible, un WYSIWYG editor HTML que puede a\u00f1adirse f\u00e1cilmente en cualquier sitio web. Utilizando este plugin, todos los textareas de nuestra p\u00e1gina Web tendr\u00e1n el siguiente aspecto: Es un plugin muy ligero y de f\u00e1cil instalaci\u00f3n. El \u00fanico [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jose-aguilar.com\/blog\/cleditor\/\" \/>\n<meta property=\"og:site_name\" content=\"Jose Aguilar Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joseaguilarblog\" \/>\n<meta property=\"article:published_time\" content=\"2012-09-24T21:37:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-08-13T19:05:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/09\/cleidtor.png\" \/>\n\t<meta property=\"og:image:width\" content=\"513\" \/>\n\t<meta property=\"og:image:height\" content=\"262\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jose Aguilar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:site\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jose Aguilar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/cleditor\/\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/cleditor\/\",\"name\":\"CLEditor - Jose Aguilar Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/cleditor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/cleditor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/09\/cleidtor.png\",\"datePublished\":\"2012-09-24T21:37:58+00:00\",\"dateModified\":\"2013-08-13T19:05:56+00:00\",\"author\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/cleditor\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jose-aguilar.com\/blog\/cleditor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/cleditor\/#primaryimage\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/09\/cleidtor.png\",\"contentUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/09\/cleidtor.png\",\"width\":513,\"height\":262},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/cleditor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.jose-aguilar.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CLEditor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/\",\"name\":\"Jose Aguilar Blog\",\"description\":\"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\",\"name\":\"Jose Aguilar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"caption\":\"Jose Aguilar\"},\"description\":\"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.\",\"sameAs\":[\"https:\/\/plus.google.com\/114357189801512615537\"],\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CLEditor - Jose Aguilar Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"CLEditor - Jose Aguilar Blog","og_description":"CLEditor es un plugin de jQuery que ofrece con un peso ligero, con todas las funciones, navegadores, extensible, un WYSIWYG editor HTML que puede a\u00f1adirse f\u00e1cilmente en cualquier sitio web. Utilizando este plugin, todos los textareas de nuestra p\u00e1gina Web tendr\u00e1n el siguiente aspecto: Es un plugin muy ligero y de f\u00e1cil instalaci\u00f3n. El \u00fanico [&hellip;]","og_url":"https:\/\/www.jose-aguilar.com\/blog\/cleditor\/","og_site_name":"Jose Aguilar Blog","article_publisher":"https:\/\/www.facebook.com\/joseaguilarblog","article_published_time":"2012-09-24T21:37:58+00:00","article_modified_time":"2013-08-13T19:05:56+00:00","og_image":[{"width":513,"height":262,"url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/09\/cleidtor.png","type":"image\/png"}],"author":"Jose Aguilar","twitter_card":"summary_large_image","twitter_creator":"@JoseAguilarBlog","twitter_site":"@JoseAguilarBlog","twitter_misc":{"Escrito por":"Jose Aguilar","Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jose-aguilar.com\/blog\/cleditor\/","url":"https:\/\/www.jose-aguilar.com\/blog\/cleditor\/","name":"CLEditor - Jose Aguilar Blog","isPartOf":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/cleditor\/#primaryimage"},"image":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/cleditor\/#primaryimage"},"thumbnailUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/09\/cleidtor.png","datePublished":"2012-09-24T21:37:58+00:00","dateModified":"2013-08-13T19:05:56+00:00","author":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11"},"breadcrumb":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/cleditor\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jose-aguilar.com\/blog\/cleditor\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/cleditor\/#primaryimage","url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/09\/cleidtor.png","contentUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/09\/cleidtor.png","width":513,"height":262},{"@type":"BreadcrumbList","@id":"https:\/\/www.jose-aguilar.com\/blog\/cleditor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.jose-aguilar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"CLEditor"}]},{"@type":"WebSite","@id":"https:\/\/www.jose-aguilar.com\/blog\/#website","url":"https:\/\/www.jose-aguilar.com\/blog\/","name":"Jose Aguilar Blog","description":"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11","name":"Jose Aguilar","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","caption":"Jose Aguilar"},"description":"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.","sameAs":["https:\/\/plus.google.com\/114357189801512615537"],"url":"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/4809","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/comments?post=4809"}],"version-history":[{"count":0,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/4809\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media\/4828"}],"wp:attachment":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media?parent=4809"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/categories?post=4809"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/tags?post=4809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}