alinear imagen en un wysiwyg editor

[mayid]

Estoy usando este editor html:
http://code.google.com/p/jwysiwyg/wiki/Introduction

No estoy muy convencido de que sea lo mejor, pero en sí no me va mal.

La cuestion es que quisiera que al insertar una imagen, tenga la opción de flotarla a derecha o izquierda. Como se les ocurre hacer?

La pregunta va para cualquier editor. No necesariamente para el que publiqué.

[Dany_s]

la ventanita para insertar imagen tiene unos campos (ancho, alto, borde, etc) a esa ventana le agrego un select o algo para seleccionar derecha o izquierda y me meteria en el plugin a ver a la parte que genera la imagen, seguramente que a tomar los valores de los de esa ventana asi que agregarle un float no creo que sea mucho, en teoría todo resulta fácil jeje

[mayid]

Que editor usas, que tiene opciones? El mio solo pide la url.

Seguro que está en este listado. Pero no me decido, y opté por el mas simple. Que está pesimamente documentado, dicho sea de paso. Y ni siquiera tiene demo!

http://www.queness.com/post/212/10-j...h-text-editors

[Dany_s]

ah usan el prompt pense tenias uno que usa un popup como este http://www.blueshoes.org/_bsJavascri.../example1.html

y si buscas la parte donde agarra la url que viene desde el prompt y lo cambias por un popup? o alguna otra cosa

[mayid]

Sabes que los plugins wysiwyg funcionan "del otra lado". A veces he intentado modificar las cosas en "el otro lado" pero la verdad es que es muy dificil. Ahora lo estoy intentando con este, y no entiendo nada.

Cambie de estrategia. Voy a implemetar el CKEditor. Tiene una version monstruosa, de 200kb, y otra hyper reducida. Intentará un intermedio. Me interesa porque por default permite alinear las imagenes.

[mayid]

Estuve viendo el listado de comandos para edicion inline, pero no hay nada que se parezca a la alineación de imagen:
http://msdn.microsoft.com/en-us/library/ms533049.aspx

Existen editores como el tinyMC que utilizan las herramientas de parrafo para flotar imagenes, pero la mayoría no tiene implementado ese soporte.

Los editores suelen estar programados como POO, y los comandos son por ejemplo así:

createLink : function( szURL )
{
var self = $.data(this, 'wysiwyg');

if ( self.constructor == Wysiwyg && szURL && szURL.length > 0 )
{
var selection = $(self.editor).documentSelection();

if ( selection.length > 0 )
{
if ($.browser.msie) self.focus();
self.editorDoc.execCommand('unlink', false, []);
self.editorDoc.execCommand('createLink', false, szURL);
}
else if ( self.options.messages.nonSelection )
alert(self.options.messages.nonSelection);
}
},

La seccion de alineado parece mas simple:

justifyFull : { visible : true, css : { textAlign : 'justify' }, tooltip : "Justify Full" },

Pero la verdad no entiendo nada de como funciona esto.Intente esto pero sin resultado:

flotar : { visible : true, tags : ['float'], css : { float : 'right' }, tooltip : "Float" }

[juaniquillo]

Yo uso tinyMCE y para casos que tengo que darle a elementos estilos CSS específicos utilizo el dropdown "Style". Para usar esto necesitas asociar una hoja CSS al editor y listar los estilos específicos (en este caso clases) que quieres que se ponga al elemento. Puedes ver el dropdown aquí:

http://juaniquillo.com/codigo/tinymce/jfilebrowser/

aunque va a hacer un mal ejemplo ya que no he asociado ninguna hoja CSS a ese editor.

[mayid]

Es bueno, el tiny. Pero pesa mucho, o no? Tambien el CKEditor soporta flotar imagenes, y está por los 200 o 300kb

Sin embargo, en la pagina que me pasaste carga rápido. Y creo que lo voy a utilizar porque incluye opciones como embeber videos.

[juaniquillo]

El Core no pesa tanto. Empieza a pesar cuando le agregas muchos plugins. Yo lo uso mucho porque es el que conozco mejor y hasta ahora me ha funcionado para toda ocasión.