• 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 .



Saludos! .

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 .

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" .



Saludos! .

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.

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.

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

// 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

// 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

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

y agrega despues

{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

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

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

y agrega después

insertTab: function(type)
	{
		this.performInsert("[img]"+type+"[/img]", "", true);
		this.setDropDownMenuActiveItem($('editor_item_Tab'), 0);
	},

busca

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

case "Tab":
this.insertTab(extra);
break;

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

.messageEditor .toolbar_button_video {
	position: relative;
}

agrega después

.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

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

Fíjate si donde está esto:

{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.