Button YouTube podczas pisania posta na forum

[DawPi]

Witam,

zaprezentuję jak w prosty sposób dodać button youtube obok tych:

By osiągnąć taki efekt:

Tutorial będzie rozwinięciem tego artykułu: http://ipb.ipslink.pl/index.php?showtopic=35

By osiągnąć efekt przedstawiony wcześniej, postępuj wg poniższej instrukcji.

Wyślij na serwer FTP do folderu: skin_images/(folder_ze_skinem)/folder_editor_images/

tę grafikę:

Pamiętaj by miała nazwę: rte-code-youtube.png

Przejdź do:

ACP > LOOK & FEEL > ( wybór skina ) > Edit Template HTML > Post / PM Editor >> ips_editor

Znajdź:

<td><div class="rte-normal" id="{$editor_id}_cmd_ipb_code"><img src="{$images_path}rte-code-button.png"  alt="{$this->ipsclass->lang['js_rte_lite_code']}" title="{$this->ipsclass->lang['js_rte_lite_code']}"></div></td>

Dodaj poniżej:

<td><div class="rte-normal" id="{$editor_id}_cmd_ipb_ytube"><img src="{$images_path}rte-code-youtube.png"  alt="Odtwarzaj filmy z YouTube" title="Filmy z YouTube"></div></td>

Zapisz.

Otwórz plik: jscripts/ips_text_editor.js

( zalecam skorzystanie z nieskompresowanej wersji dostępnej tutaj: board/Development/uncompressed_javascript/jscripts/ips_text_editor.js - czyli w paczce ściągniętej z panelu klienta IPS )

Znajdź: ( wstawiłem spację w tag code by prawidłowo parsować ten tutorial )

	/**
* STD:
* IPB code override
*/
this.ipb_code = function()
{
	this.wrap_tags_lite(  '[code]', '[/ code]', 0)
};

Dodaj poniżej:

	/**
* STD:
* IPB youtube override
*/
this.ipb_ytube = function()
{
	this.wrap_tags_lite(  '[yt]', '[/yt]', 0)
};

Zapisz i wyślij.

Przejdź do:

ACP > TOOLS & SETTINGS >> Maintenance > Cache Control >> Update all caches...

Zrobione !

Info końcowe:

W analogiczny sposób można dodawać inne buttony. Zmiany sprowadzają się jedynie do zmian nazw pliku graficznego i fragmentów w kodzie, bardzo łatwych do lokalizacji ( tutaj: ytube ).

Autorem tutoriala jest DawPi. Zabrania się kopiowania, powielania. W szczególności na inne fora bez zgody autora.

Tutorial wykonany dla www.IPB.ipslink.pl

[Dr R.I.P]

Obrazek dodało jak należy niestety jak naciskam na niego nie pokazują się tagi... wiem że musi to być w tym "ips_text_editor.js" lecz niestety po wgraniu i akutalizacji cachu nie działa. Nie mam nieskompresowanej wersji tego pliku, więc musiałem edytować tą którą podałeś w pierwszej ścieżce. Pomoże ktoś?

Ten kawałek pliku wygląda u mnie następująco:

CODE-BOX

// Did they highlight an html image in the RTE?

// If so, it will pull the whole <img ...> tag instead of just the url

if( this.is_rte )

{

if( _text.match( /<img(.+?)src=['"](.+?)["'](.*?)>/g ) )

{

_text = _text.replace( /<img(.+?)src=['"](.+?)["'](.*?)>/g, '$2' );

}

}

var _url = prompt( ipb_global_lang['editor_enter_image'], _text ? _text : "http://" );

if ( ! _url || _url == null || _url == 'http://' )

{

return false;

}

if ( ! this.is_rte )

{

this.wrap_tags( 'img', false, _url );

}

else

{

this.wrap_tags( 'img', _url, '' );

}

};

/**

* STD:

* IPB Quote override

*/

this.ipb_quote = function()

{

this.wrap_tags_lite( '

', '

', 0)

};

/**

* STD:

* IPB code override

*/

this.ipb_code = function()

{

this.wrap_tags_lite( '

', '

', 0)

};

/**

* STD:

* IPB youtube override

*/

this.ipb_ytube = function()

{

this.wrap_tags_lite( '[yt]', '[/yt]', 0)

};

this.init();

}

BBCode dodałem zanim to zacząłem robić.

Edytowane 28 Grudnia 2008 przez Dr R.I.P

[DawPi]

Znaczy jak wygląda?

Jak nie masz nie skompresowanego pliku? Każdy ma w: board/Development/javascript_uncompressed/jscripts

Tak jak podałeś to ja nic tam nie widzę. Wklej może w code lub tutaj.

[Dr R.I.P]

Nie mam i koniec ;P

http://www.ampaste.net/m4ce07e3e

To może daj mi ten nieskompresowany?

[DawPi]

Niee, nie dam.

To Twoje jakieś ampaste mi się nie otwiera. Dostałeś dobrą stronę to kombinujesz.

[Dr R.I.P]

Przesadzasz

http://rafb.net/p/Q5MITi75.html

No daj zobaczymy czy to pomoże , czemu nie chcesz dać pliczku?

[DawPi]

To może daj mi ten nieskompresowany?

No daj zobaczymy czy to pomoże , czemu nie chcesz dać pliczku?

Czasem mam wątpliwości czy wiesz co piszesz.

Przecież podałeś link do nieskompresowanego tego pliku ( ! ).

Nie rozumiem jak może Ci to nie działać jak dobrze wkleiłeś ten kod.

Tak sobie wszedłem na Twoje forum, użyłem buttona youtube podczas pisania tematu i ... działa.

Czy aby na pewno wyczyściłeś cache przeglądarki poprzez CTRL+F5?

[Dr R.I.P]

Wiesz chyba że lobię sprawiać nierealne problemy? Możliwe że to przez FF, i jego pamięć podręczną, teraz będę wiedział by i to robić.

//Edit

It works..

Edytowane 28 Grudnia 2008 przez Dr R.I.P

[DawPi]

Działa wszystko już?

[Dr R.I.P]

Tak drogi Panie, działało od początku, więc dla innych tak ogarniętych jak ja PAMI

[KoverPL]

Wyczyscilem pamiec, dodalem i by wszystko gra lecz zadne filmy sie nei wyswietlaja, zamiast tego wyswietla sie to:

[yt]http://www.youtube.com/watch?v=yZdsQLhzTIk[/yt]

co robic ?

[DawPi]

To jest kod na dodanie buttonu, ale jeszcze musisz dodać ten tag.