Editor completo y funcional WYSIWYG BBCode

Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /var/www/mybb-es.com/html/inc/class_language.php on line 201
Editor completo y funcional WYSIWYG BBCode

Páginas (3): 1 2 3

Cluster 10 May, 2012, 6:03 pm

#1

(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 Wink

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:
<?php 

</head> 

y remplazaran por.

Código PHP:
<?php 

<script type="text/javascript" src="jscripts/editor_themes/ckeditor/ckeditor.js"></script>

</head> 

Buscan esto

Código PHP:
<?php 

{$codebuttons} 

y remplazaran por.

Código PHP:
<?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!

[Imagen: MyBB.vn-untitled.JPG]

Saludos a todos!

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

:)

Leandro M. 10 May, 2012, 7:30 pm

#2

Que buen tutorial cluster, te dejo +rep Smile

Smile

TheZeuS 11 May, 2012, 2:34 am

#3

Muy bueno Cluster lo probaré aver que tal Smile

Smile

Xpress 11 May, 2012, 10:10 am

#4

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 Sad

Sad

Gracias por la noticia Cluster.

Cluster 11 May, 2012, 10:30 am

#5

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)

:)

Xpress 11 May, 2012, 1:12 pm

#6

(11 May, 2012, 10:30 am)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ú Confused

Confused

tick: :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.

Cluster 11 May, 2012, 3:37 pm

#7

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:
<?php 

<script type="text/javascript">CKEDITOR.replace( 'message', 

se cambia a

Código PHP:
<?php 

<script type="text/javascript">CKEDITOR.replace( 'quick_reply_submit', 

:)

Jesam 11 May, 2012, 8:36 pm

#8

Excelente Cluster! gracias por compartirlo! servirá a muchos pero de momento yo no lo usare... hasta que haya una versión oficial Smile

Smile

Cluster 11 May, 2012, 9:17 pm

#9

Bueno, no es por nada pero me intereso mucho el proyecto xD

Quiero que miren la imagen que les voy a adjuntar a continuacion Tongue

Tongue

[Imagen: 12926246.png]

("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 Tongue

Tongue

(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 Tongue

Tongue

:)

Dark_Soul 12 May, 2012, 5:33 am

#10

Bueno yo lo subi pero no encuentro la plantilla editpost

Páginas (3): 1 2 3

Tema anterior Tema siguiente

Equipo del foro

MyBB-Es.com - Soporte para los Foros MyBB en Español

Marcar foros como leídos

Sindicación RSS

Powered By MyBB, © 2002-2024 MyBB Group.
Made with by Curves UI.