Editor completo y funcional WYSIWYG BBCode Editor completo y funcional WYSIWYG BBCode


Editor completo y funcional WYSIWYG BBCode
Sin conexión Cluster
Mensaje: #1
Editor completo y funcional WYSIWYG BBCode
Administrador
*******
Administradores

Avatar de Cluster

Info del foro de este user
Mensajes: 5,063
Registro en: Feb 2009
Reputación: 317
(Creditos a mybb vietnam)

Muchas veces contamos con la necesidad de un editor BBcode pero con la funcional caracteristica de WYSIWYG (What you see is what you get) pero los actuales no son funcionales o causan conflictos con el sistema de MyBB.

Este editor a pesar de que deshabilita los smilies, trae un metodo de insertado de smilies desde el mismo editor Smiley-wink

Para instalarlo solo basta con:

1- http://ckeditor.com/download Descargar una copia del CKEditor el cual es el mismo que utiliza Vbulletin para sus sistemas (Obviamente ellos usan una licencia y un editor mas avanzado pero sigue siendo el mismo).

2. Sube la carpeta ckeditor a ./jscripts/editor_themes/

3- En las plantillas: newthread (Nuevo tema), newreply (Nueva respuesta) y editpost (Editar mensaje)

Y van a buscar esto

Código PHP:
</head

y remplazaran por.

Código PHP:
<script type="text/javascript" src="jscripts/editor_themes/ckeditor/ckeditor.js"></script>
</head> 

Buscan esto

Código PHP:
{$codebuttons

y remplazaran por.

Código PHP:
<script type="text/javascript">CKEDITOR.replace'message',
{
extraPlugins 'bbcode',
toolbar :
[
[
'Source''-''Save','NewPage','-','Undo','Redo'],
[
'Find','Replace','-','SelectAll','RemoveFormat'],
[
'Link''Unlink''Image'],
'/',
[
'FontSize''Bold''Italic','Underline'],
[
'NumberedList','BulletedList','-','Blockquote'],
[
'TextColor''-''Smiley','SpecialChar''-''Maximize']
],
});
</script> 

y listo!, tendran su editor wysiwyg como el de vbulletin!


Saludos a todos!

PD: de momento no funciona en la respuesta rapida, sigo tratando de descubrir un poco mas sobre su funcionamiento


Atención:
10-05-2012 08:03 PM
Visita su sitio web Encuentra todos sus mensajes Responder
Sin conexión Leandro M.
Mensaje: #2
RE: Editor completo y funcional WYSIWYG BBCode
Miembro Senior
******

Avatar de Leandro M.

Info del foro de este user
Mensajes: 445
Registro en: Aug 2011
Reputación: 54
Que buen tutorial cluster, te dejo +rep Smiley


10-05-2012 09:30 PM
Visita su sitio web Encuentra todos sus mensajes Responder
Sin conexión TheZeuS
Mensaje: #3
RE: Editor completo y funcional WYSIWYG BBCode
Miembro Senior
******

Avatar de TheZeuS

Info del foro de este user
Mensajes: 446
Registro en: Oct 2010
Reputación: 10
Muy bueno Cluster lo probaré aver que tal Smiley


11-05-2012 04:34 AM
Visita su sitio web Encuentra todos sus mensajes Responder
Sin conexión Xpress
Mensaje: #4
RE: Editor completo y funcional WYSIWYG BBCode
Miembro Senior
******

Avatar de Xpress

Info del foro de este user
Mensajes: 305
Registro en: Nov 2010
Reputación: 21
No manches? Es verdad. Porfin el editor que siempre quise ya esta funcionando en MyBB.
El editor de vB ahora en MyBB, ojalá que pongan este editor en MyBB 2.0.
Bueno, ya había visto por ahí que habia una forma de hacerlo pero estaba en fase de prueba asi que no lo intente.

PD: De nada sirvió mi theme Xpress Theme Editor Triste

Gracias por la noticia Cluster.


11-05-2012 12:10 PM
Visita su sitio web Encuentra todos sus mensajes Responder
Sin conexión Cluster
Mensaje: #5
RE: Editor completo y funcional WYSIWYG BBCode
Administrador
*******
Administradores

Avatar de Cluster

Info del foro de este user
Mensajes: 5,063
Registro en: Feb 2009
Reputación: 317
De hecho, aun le faltan algunos arreglos, como mencione, el smilieinserter no funciona, pero puedes agregarlos al editor tus smilies ( es mas trabajo pero lo vale)

Otro detalle en el que ya trabajo es el hecho de que no funciona en la respuesta rapida... ya trabajo para investigar su funcionmiento (Estoy trabajando en un plugin para MyBB que integre el ckeditor a la perfección)


Atención:
11-05-2012 12:30 PM
Visita su sitio web Encuentra todos sus mensajes Responder
Sin conexión Xpress
Mensaje: #6
RE: Editor completo y funcional WYSIWYG BBCode
Miembro Senior
******

Avatar de Xpress

Info del foro de este user
Mensajes: 305
Registro en: Nov 2010
Reputación: 21
(11-05-2012 12:30 PM)Cluster escribió:  De hecho, aun le faltan algunos arreglos, como mencione, el smilieinserter no funciona, pero puedes agregarlos al editor tus smilies ( es mas trabajo pero lo vale)

Otro detalle en el que ya trabajo es el hecho de que no funciona en la respuesta rapida... ya trabajo para investigar su funcionmiento (Estoy trabajando en un plugin para MyBB que integre el ckeditor a la perfección)
Pues echale ganas Cluster, se que lo vas a lograr.
De grande quiero ser como tú Stick Thumbsup

Pues lo de los smileys creo que no es gran problema tener que agregarlo al editor.
Pero si lo de la respuesta rapida. Sería bueno que si se puediera agregar el editor de texto en la respuesta rapida pero con los botones necesarios que son Negrita, color, fuente y tamaño solamente.


11-05-2012 03:12 PM
Visita su sitio web Encuentra todos sus mensajes Responder
Sin conexión Cluster
Mensaje: #7
RE: Editor completo y funcional WYSIWYG BBCode
Administrador
*******
Administradores

Avatar de Cluster

Info del foro de este user
Mensajes: 5,063
Registro en: Feb 2009
Reputación: 317
Hay un metodo para agregarlo a la respuesta rapida pero este metodo desactiva el AJAX... si les interesa es cambiar el ID="" del textarea de message a quick_reply_submit y seguir los mismos pasos que se mencionaron antes pero con la diferencia de que

Código PHP:
<script type="text/javascript">CKEDITOR.replace'message'

se cambia a

Código PHP:
<script type="text/javascript">CKEDITOR.replace'quick_reply_submit'


Atención:
11-05-2012 05:37 PM
Visita su sitio web Encuentra todos sus mensajes Responder
Sin conexión Jesam
Mensaje: #8
RE: Editor completo y funcional WYSIWYG BBCode
Equipo de Soporte
*****
Soporte

Avatar de Jesam

Info del foro de este user
Mensajes: 588
Registro en: Feb 2011
Reputación: 18
Excelente Cluster! gracias por compartirlo! servirá a muchos pero de momento yo no lo usare... hasta que haya una versión oficial Smiley


Vuelvo al curro - dar soporte! Smiley

11-05-2012 10:36 PM
Visita su sitio web Encuentra todos sus mensajes Responder
Sin conexión Cluster
Mensaje: #9
RE: Editor completo y funcional WYSIWYG BBCode
Administrador
*******
Administradores

Avatar de Cluster

Info del foro de este user
Mensajes: 5,063
Registro en: Feb 2009
Reputación: 317
Bueno, no es por nada pero me intereso mucho el proyecto xD

Quiero que miren la imagen que les voy a adjuntar a continuacion Smiley-razz



("Notesese" mi spanglish xd) Despues de tanta investigacion... despues de bajar todos los Ckeditor que encontre para todos los sistemas posibles (para ver su integración solamente), logre al fin poner en marcha una version mas o menos estable del famosito editor de Vbulletin, el que se ve en la imagen es simple codigo... no es un plugin, pero al tener ya hecho el codigo base y ya integrado, me dispondre a crearlo como plugin, con un administrador de MyCodes Smiley-razz (esto ultimo lo veo dificil pero de igual forma no es nada dificil meter nuevos MyCodes).

Por lo pronto les aviso que tiene estos bugs:

- La respuesta rapida pierde el AJAX.
- No funcionan los botones para tamaño y estilo de fuente.

Es una probadita de lo que estoy haciendo Smiley-razz


Atención:
11-05-2012 11:17 PM
Visita su sitio web Encuentra todos sus mensajes Responder
Sin conexión Dark_Soul
Mensaje: #10
RE: Editor completo y funcional WYSIWYG BBCode
Miembro Senior
******

Avatar de Dark_Soul

Info del foro de este user
Mensajes: 412
Registro en: Jun 2011
Reputación: 22
Bueno yo lo subi pero no encuentro la plantilla editpost





12-05-2012 07:33 AM
Visita su sitio web Encuentra todos sus mensajes Responder




Usuario(s) navegando en este tema: 1 invitado(s)
Hora: 19-06-2013, 03:52 AM