{"id":13280,"date":"2011-05-15T20:58:39","date_gmt":"2011-05-15T20:58:39","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/wp-live-css-editor\/"},"modified":"2013-09-28T05:14:05","modified_gmt":"2013-09-28T05:14:05","slug":"wp-live-css-editor","status":"publish","type":"plugin","link":"https:\/\/pap-aw.wordpress.org\/plugins\/wp-live-css-editor\/","author":555585,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"13.09","stable_tag":"13.09","tested":"3.6.1","requires":"2.7","requires_php":"","requires_plugins":"","header_name":"WP Live CSS Editor","header_author":"Sergio Daroca Fern\u00e1ndez with a lot of help from pingram3541 and based on guybedford's drupal plugin http:\/\/drupal.org\/project\/live_css","header_description":"","assets_banners_color":"","last_updated":"2013-09-28 05:14:05","external_support_url":"","external_repository_url":"","donate_link":"http:\/\/www.flashdance.es\/dontpanic\/doku.php?id=wp-live-css-editor","header_plugin_uri":"http:\/\/www.flashdance.es\/dontpanic\/doku.php?id=wp-live-css-editor","header_author_uri":"http:\/\/www.flashdance.es\/dontpanic","rating":2.5,"author_block_rating":0,"active_installs":100,"downloads":45901,"num_ratings":10,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"":"<p>Just the usual, deactivate plugin, replace files, activate.<\/p>"},"ratings":{"1":"5","2":"1","3":"1","4":0,"5":"3"},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["12.05","12.06","13.09"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":"1573780","resolution":"1","location":"plugin"}},"screenshots":{"1":"The live css editor with the header changed to red"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[356,1383,2275,1332],"plugin_category":[46,59],"plugin_contributors":[82787,82788],"plugin_business_model":[],"class_list":["post-13280","plugin","type-plugin","status-publish","hentry","plugin_tags-css","plugin_tags-designer","plugin_tags-developer","plugin_tags-editor","plugin_category-editor-and-writing","plugin_category-utilities-and-tools","plugin_contributors-funlab","plugin_contributors-pingram3541","plugin_committers-funlab"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/wp-live-css-editor.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/wp-live-css-editor\/trunk\/screenshot-1.jpg?rev=1573780","caption":"The live css editor with the header changed to red"}],"raw_content":"<!--section=description-->\n<p>A CSS live Editor that allows you to preview realtime CSS changes and then save your changes.\nIt saves dated backups of each save, so you can go back if it breaks, and you should erase backups once on a while.\nIt's a port from a Drupal module Live CSS http:\/\/drupal.org\/project\/live_css by guybedford http:\/\/drupal.org\/user\/746802\nNow using ACE editor http:\/\/ace.ajax.org\/\nTested on WordPress 3.6. But needs more testing !<\/p>\n\n<p>=capabilities.php problem (not bug) SOLVED !=<\/p>\n\n<p>Ok, now I did the correct thing and created an action to the wp_loaded hook to init the plugin, then,\ncheck whether the user can \"erase themes\" which is an Admin capability only, so the plugin only works if you are an admin.\nNo need to modify the capabilities.php nor anything else.<\/p>\n\n<p>Some users have had problems in former 12.05 release with their site being inaccesible after installing the plugin.\nIt all seemed to be part of the same problem with the capabilities.php file that is discussed here:\nhttp:\/\/wordpress.org\/support\/topic\/fatal-error-call-to-undefined-function-wp_get_current_user-4?replies=32<\/p>\n\n<p>It works nice and perfect for me, but still needs testing !!!<\/p>\n\n<h3>Hola mundo !<\/h3>\n\n<p>Este plugin est\u00e1 basado en el m\u00f3dulo de [Drupal Live CSS] (http:\/\/drupal.org\/project\/live_css) de [guybedford] (http:\/\/drupal.org\/user\/746802)<\/p>\n\n<p>Es un editor de CSS que te permite editar en directo todas las hojas de estilo CSS de tu web, ver los cambios y guardar sobre la marcha.\nEst\u00e1 pensada para usarla al dise\u00f1ar la web, por lo que conviene desactivarlo o desinstalarlo una vez terminada. Cada vez que se guardan los cambios se genera una copia de seguridad fechada, para que puedas volver atr\u00e1s si hace falta.\nUtiliza ACE como editor.<\/p>\n\n<p>S\u00f3lo los administradores pueden usar el plugin.<\/p>\n\n<p>Importante !!!<\/p>\n\n<p>Hacer copia de respaldo de los archivos CSS antes de probarlo !\nAunque el plugin genera autom\u00e1ticamente copias de seguridad fechadas en el mismo directorio en que est\u00e9n los archivos modificados, siempre conviene tener una copia del estado general de la cosa antes de empezar a trastear.\nSi no funciona al guardar o hacer la copia de seguridad aparece un mensaje con las rutas del archivo que se intentaba modificar, la de la copia de seguridad y tal vez un mensaje de error. Lo m\u00e1s seguro es que el problema sea de permisos. Los CSS que quieras editar deber\u00edan tener permiso de escritura 755.<\/p>\n\n<p>Instalaci\u00f3n<\/p>\n\n<p>La instalaci\u00f3n es la t\u00edpica de cualquier plugin de wordpress. Desempaquetar el zip en wp-content\/plugins, y listo. No hay que tocar los temas ni hacer nada m\u00e1s que activarlo desde el panel de administraci\u00f3n.\nNo tiene opciones ni p\u00e1gina propia en el panel de administraci\u00f3n.\nProbado en WordPress 3.3.2, tienes que ser un administrador para poder usarlo.<\/p>\n\n<p>Utiliza ahora el hook wp_loaded que arregla el problema de la versi\u00f3n anterior que se discut\u00eda aqu\u00ed: http:\/\/wordpress.org\/support\/topic\/fatal-error-call-to-undefined-function-wp_get_current_user-4?replies=32<\/p>\n\n<p>M\u00e1s informaci\u00f3n<\/p>\n\n<pre><code>http:\/\/drupal.org\/project\/live_css  Live CSS\nhttp:\/\/drupal.org\/user\/746802       guybedford\nhttp:\/\/drupal.org\/user\/78427\nhttp:\/\/mozillalabs.com\/skywriter\/2011\/01\/18\/mozilla-skywriter-has-been-merged-into-ace\/\nhttp:\/\/www.ajax.org\/\nhttp:\/\/ace.ajax.org\/\n\nhttp:\/\/codex.wordpress.org\/AJAX_in_Plugins\nhttp:\/\/briancray.com\/2009\/08\/19\/wordpress-head-element\/\nhttp:\/\/www.devlounge.net\/code\/using-ajax-with-your-wordpress-plugin\nhttp:\/\/amiworks.co.in\/talk\/simplified-ajax-for-wordpress-plugin-developers-using-jquery\/\n\nhttp:\/\/drupal.org\/project\/cssedit   Realtime CSS Editor\nhttp:\/\/drupal.org\/user\/78427        tjholowaychuk\n<\/code><\/pre>\n\n<!--section=installation-->\n<p>Upload the <code>wp-live-css-editor<\/code> folder to the <code>\/wp-content\/plugins\/<\/code> directory\nActivate the plugin through the 'Plugins' menu in WordPress<\/p>\n\n<p>IMPORTANT: Tested on WordPress 3.3.2, now you have to be an administrator to use it.<\/p>\n\n<p>capabilities.php problem (not bug) SOLVED !<\/p>\n\n<p>Ok, now I did the correct thing and created an action to the wp_loaded hook to init the plugin, then,\ncheck whether the user can \"erase themes\" which is an Admin capability only, so the plugin only works if you are an admin.\nNo need to modify the capabilities.php nor anything else.<\/p>\n\n<p>Some users have had problems in former 12.05 release with their site being inaccesible after installing the plugin.\nIt all seemed to be part of the same problem with the capabilities.php file that is discussed here:\nhttp:\/\/wordpress.org\/support\/topic\/fatal-error-call-to-undefined-function-wp_get_current_user-4?replies=32<\/p>\n\n<p>File structure:<\/p>\n\n<ul>\n<li>\/wp-content\/plugins\/wp-live-css-editor\/<\/li>\n<li>\/wp-content\/plugins\/wp-live-css-editor\/wp-live-css-editor.php<\/li>\n<li>\/wp-content\/plugins\/wp-live-css-editor\/wp-live-css-editor.js<\/li>\n<li>\/wp-content\/plugins\/wp-live-css-editor\/wp-live-css-editor-css.css<\/li>\n<li>\/wp-content\/plugins\/wp-live-css-editor\/readme.txt<\/li>\n<li>\/wp-content\/plugins\/wp-live-css-editor\/JSON.php<\/li>\n<li>\/wp-content\/plugins\/wp-live-css-editor\/screenshot-1.jpg<\/li>\n<li>\/wp-content\/plugins\/wp-live-css-editor\/ace\/<\/li>\n<\/ul>\n\n<!--section=faq-->\n<dl>\n<dt>Will it let me edit the theme's CSS, or just any CSS ? Can I choose which are editable ?<\/dt>\n<dd><p>You can edit any and all CSS files that are loaded in the page. As long as they have write permission, and you are logged in as an administrator.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>13.09<\/h4>\n\n<p>Big thanks to pingram3541 for his forum posts that corrected some very ugly bugs.\nI've been very busy and away from computers for a while. Better late than never.<\/p>\n\n<ul>\n<li>Fixed saving issue that wreaked the file by creating ugly and recursive escape chars &#092;&#092;&#092;&#092;&#092;&#092;&#092;&#092;&#092;: http:\/\/wordpress.org\/support\/topic\/backslahes-added-css-broken<\/li>\n<li>Fixed theme 'setting' that should allow better reading. Kept twilight, though, still you can change the theme manually editing both the js and php files: http:\/\/wordpress.org\/support\/topic\/background-color-or-themes<\/li>\n<li>Moved it all down below the wp admin bar so the css selector isn't hidden: http:\/\/wordpress.org\/support\/topic\/sidebar-28px-top-for-wpadmin-menu<\/li>\n<li>Fixed messing around with admin pages: http:\/\/wordpress.org\/support\/topic\/editor-left-open-causes-admin-to-break<\/li>\n<\/ul>\n\n<h4>12.06<\/h4>\n\n<ul>\n<li>pluggable.php and capabilities.php load order problem that made the site inaccesible SOLVED using the wp_loaded hook<\/li>\n<\/ul>\n\n<h4>12.05<\/h4>\n\n<ul>\n<li>Updated from guybedford's module http:\/\/drupal.org\/project\/live_css<\/li>\n<li>Dropped less suport for simplicity<\/li>\n<li>You have to be logged in as an administrator to see and use the plugin<\/li>\n<li>Uses ACE editor which solves most of commented bugs and needed features (wild slashes, search in the css editor, undo keyboard shortcuts...)<\/li>\n<\/ul>\n\n<h4>11.05<\/h4>\n\n<ul>\n<li>First Commit ! release 2011-05-15<\/li>\n<li>Now using wp_enqueue_scripts adn wp_enqueue_styles to correctly inject stylesheets and scripts<\/li>\n<li><strong>Not for production sites<\/strong>, just for design and development time. <strong>Needs roles and permissions settings<\/strong>, though <strong>only logged in users can actually save changes<\/strong>, any visitor can see it in action.<\/li>\n<li>If it doesn't save changes, it's probably a <strong>permission problem<\/strong> with the CSS file (Or <strong>you are not logged in<\/strong>)<\/li>\n<li>Will need to <strong>clean up backups manually<\/strong> via FTP when you are done, as they might be a lot and counting ! A restore version system would come in handy\u2026<\/li>\n<li>Seems to be fixed, but for a while the plugin was inflating the CSS files in each save by swarming trillions of slashes before every single and double quote<\/li>\n<li>Fixed a BUG where relative urls wouldn't find the wp-admin\/admin-ajax.php file, thanks to Gary Cao's wonderful tips: http:\/\/www.garyc40.com\/2010\/03\/5-tips-for-using-ajax-in-wordpress\/#js-global<\/li>\n<li>Please ! <strong>Backup your CSS files<\/strong> before using it the first time, just in case !<\/li>\n<li>No plugin options nor admin page<\/li>\n<li>A JSON helper for older PHP versions is there, but untested yet.<\/li>\n<li>A floating window \/ drawer might be better than narrowing the whole page.<\/li>\n<\/ul>","raw_excerpt":"Edit, preview changes in real time and save all your project&#039;s CSS stylesheets live in the browser.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pap-aw.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/13280","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pap-aw.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/pap-aw.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/pap-aw.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=13280"}],"author":[{"embeddable":true,"href":"https:\/\/pap-aw.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/funlab"}],"wp:attachment":[{"href":"https:\/\/pap-aw.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=13280"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/pap-aw.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=13280"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/pap-aw.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=13280"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/pap-aw.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=13280"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/pap-aw.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=13280"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/pap-aw.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=13280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}