2011-04-03 13 views
9

¿Hay un complemento de JQuery que tenga un editor de CSS? Lo que quiero decir es algo como esto:JQuery - Editor de CSS? ¿Hay alguno?

http://www.cssportal.com/css-style-editor/

Algo así como el editor de estilo de Dreamweaver.

Si no hay algo como esto, probablemente no sea tan difícil de crear, ¿eh? :)

Actualización:

Para ser más claro, me gustaría crear mi propio editor de CSS (o utilizar un JQuery uno) para sustituir a la que utiliza TinyMCE: http://tinymce.moxiecode.com/tryit/jquery_version.php

Haga clic en el editor de estilo en el tinyMCE.

Básicamente quiero recrear eso en JQuery, pero probablemente necesite hacer algunas cosas de back-end php para guardar los cambios y volver a ponerlos en el editor de tinyMCE.

+0

Si utiliza Chrome, puede hacer clic con el botón derecho en un elemento, seleccionar Estilo Computadorado en el panel derecho y editar lo que desee. –

+1

Me gustaría hacer un editor CSS para mis clientes dentro de una aplicación que estoy creando. :) No es para mí editar CSS –

+0

Entonces necesitas algo de back-end para obtener y analizar los archivos CSS y almacenar los valores personalizados después de la edición. No es trivial, pero es absolutamente interesante. – Guidhouse

Respuesta

1

Jquery UI con el ThemeRoller es básicamente un editor de JQuery CSS.

Lo he usado para un par de sitios, y funciona bien.

Una de las principales ventajas es que puede hacer el marcado/funcionalidad y dejar que las personas creativas usen el Firefox Bookmarklet para ajustar la apariencia.

+0

Eso es algo de lo que me gustaría, pero para estilos estándar simples. Como el color de fondo, etc. etc. –

+0

Básicamente, lo que necesita es un archivo css generado por el servidor (ponga el enlace después del archivo base-css para sobrescribir los valores). Y una página de formulario o similar para que los usuarios almacenen los valores de fondo, etc. Hazlo lo más simple posible por tu propio bien. http://plugins.jquery.com/plugin-tags/easy-color-picker es un lugar para obtener ayuda para la interfaz de usuario – Guidhouse