Pestaña Editor...

URL del foro: http://www.gaming-arena.es/warezarena/
Versión del foro: 1.6.4
Actualización: Ninguna

Hola, quisiera agregar una Pestaña en el Editor tipo a la de la "TV" que hay, que cuando le das te sale para elegir que Video deseas Postear: Google Video, YouTube...

Quiero hacer una cosa asi, pero cuando le des a la pestaña, te salga una lista de imagenes predefinidas para insertar, es decir, que le des por ejemplo a "Header" y te inserte una imagen que quieras tu Smile

.

Saludos! Wink

.

Tendrías que editar el jscripts/editor.js.

Puedes copiary pegar el código del de TV, y editarlo luego con las cosas que quieres ponerle.

Y que parte tendria que editar y demas???, es que le he echado un ojo al "editor.js" pero no se que parte editar ni nada...y he decidido preguntar antes de tocar nada Smile

.

(26 Aug, 2011, 8:17 am)nos escribió: Y que parte tendria que editar y demas???, es que le he echado un ojo al "editor.js" pero no se que parte editar ni nada...y he decidido preguntar antes de tocar nada .

No sabría explicarte, porque sé muy poco js, pero si quieres dime cómo quieres que sea el menú y trato de hacerlo.

Pues quisiera como lo de insertar videos pero una cosa asi:

Pestaña:
- Header
- Cuerpo
- Firma

Te explico, pinchas en la "Pestaña" y despues se te abre el menú dandote esas opciones (Header, Cuerpo y Firma), entonces, tu pinchas en una de ellas y automáticamente te inserta una imagen predefinida por mi, por ejemplo, algo así:

[img]www.tuweb.com/images/header.jpg[/img]

Eso es lo que te insertaría al pinchar dentro de la "Pestaña" en la opción "Header" Smile

.

Saludos! Wink

.

bueno es una buena idea la de nentab, yo puedo darte una idea ya que no se tampoco mucho de js, he intentado pero solo logro hace un nuevo selector que inserte datos como [tab=imagen][/tab] y puedes agregar adentro un titulo de imagen creando un mycode desde el sistema de mycode pero tendrías que hacer un mycode para cada imagen así que no se si deseas algo así o si no a ver que dicen los que saben.

(26 Aug, 2011, 8:42 pm)saydead escribió: bueno es una buena idea la de nentab, yo puedo darte una idea ya que no se tampoco mucho de js, he intentado pero solo logro hace un nuevo selector que inserte datos como [tab=imagen][/tab] y puedes agregar adentro un titulo de imagen creando un mycode desde el sistema de mycode pero tendrías que hacer un mycode para cada imagen así que no se si deseas algo así o si no a ver que dicen los que saben.

Mi idea era la misma que la tuya, así que si sabes explicarte, seguro que lo haces mejor que yo, que no conozco demasiado el tema. Smile

no hay problema, si pero como veo que no quiere esa forma no se si la usara, así que hasta que responda me quedo con la idea solo como una idea xD.
-----
Bueno ya logre hacer lo que tu quieres el problema es que no logro colocar el selector, como es a esto me refiero que cuando le das click en la pestaña como tu le llamas, las opciones me salen en la parte de fuente y el botón queda seleccionado. así que hasta que vea como arreglar eso espera a ver quien lo resuelve primero.
-----
ve al editor.js y busca

Código:
// An array of video services to be shown (youtube, vimeo, etc) 

this.videos = new Object();

this.videos["dailymotion"] = this.options.lang.video_dailymotion;

this.videos["googlevideo"] = this.options.lang.video_googlevideo;

this.videos["metacafe"] = this.options.lang.video_metacafe;

this.videos["myspacetv"] = this.options.lang.video_myspacetv;

this.videos["vimeo"] = this.options.lang.video_vimeo;

this.videos["yahoo"] = this.options.lang.video_yahoo;

this.videos["youtube"] = this.options.lang.video_youtube;

agrega después

Código:
// este sera tu array donde colocaras los valores 

this.Tab = new Object();

this.Tab["http://imagen.jpg"] = "header";

this.Tab["http://imagen.jpg"] = "body";

aquí puedes agregar más arreglos esto es a tu gusto.

después busca

Código:
{type: 'button', name: 'video', insert: 'video', image: 'television.gif', dropdown: true, title: this.options.lang.title_video, options: this.videos},

y agrega despues

Código:
{type: 'button', name: 'Tab', insert: 'Tab', image: 'tuimagen.gif', dropdown: true, title: 'Varios', options: this.Tab}

si deseas no agreges nada en el titulo así se mostrara como el de vídeos.

ahora busca busca

Código:
insertIMG: function()

    {

        image = prompt(this.options.lang.enter_image, "http://");

        if(image)

        {

            this.performInsert("[img]"+image+"[/img]", "", true);

        }

    },

y agrega después

Código:
insertTab: function(type)

    {

        this.performInsert("[img]"+type+"[/img]", "", true);

        this.setDropDownMenuActiveItem($('editor_item_Tab'), 0);

    },

busca

Código:
insertMyCode: function(code, extra)

    {

        this.restartEditorSelection();

        switch(code)

        {

            case "list":

                this.insertList(extra);

                break;

            case "url":

                this.insertURL();

                break;

            case "image":

                this.insertIMG();

                break;

            case "email":

                this.insertEmail();

                break;

            case "video":

                this.insertVideo(extra);

                break;

y agrega después

Código:
case "Tab":

this.insertTab(extra);

break;

ahora ve a el estilo (stylesheet.css) del editor por defecto o el diseño de office.
busca

Código:
.messageEditor .toolbar_button_video {

    position: relative;

}

agrega después

Código:
.messageEditor .toolbar_button_Tab {

    position: relative;

}

y ahora solo agrega la imagen del botón y ya esta.

a mi me funciono perfecto, no se si da error en otros navegadores ya que solo lo he probado en google chrome.

Cualquier cosa me avisan

Última modificación: 26 Aug, 2011, 10:32 pm por ermarco.

He hecho todos esos cambios, he subido los archivos y directamente no me aparece ni el Editor Sad

.

Fíjate si donde está esto:

Código PHP:
{type: 'button', name: 'video', insert: 'video', image: 'television.gif', dropdown: true, title: this.options.lang.title_video, options: this.videos}, 

Que tenga esa coma (,) al final.