[Itunes]

Hallo, ich hab einen Editor der über ein Plugin geht "SCEditor WYSIWYG".
Ich würde jetzt gerne ein Element in die Leiste hinzufügen, und zwar den MyCode "Spoiler".
Also das Spoiler oben in der Leiste neben "Code und Zitat" ist.
Habe dazu eine Anleitung gefunden und zwar: Tutorial 

Die Anleitung hat bei mir prima auf den normalen Editor geholfen, klappt aber bei dem Plugin nicht.
Ich habe mir mal die js. Dateien ausm Plugin angeschaut, diese sehen alle ganz anders aus und ich erkenne da nichts wieder...außerdem sind die Dateien ziemlich unübersichtlich.

Ich wollte Fragen ob mir da vielleicht jemand helfen kann der sich da besser auskennt.

Ich nutze noch Mybb 1.6!

Danke &

Mit freundlichen Grüßen

[MrBrechreiz]

Verlinke mal bitte auf das Plugin von dieser Seite, da mybb.com sich nen Wolf bei mir Lädt.

[Itunes]

https://www.mybb.de/erweiterungen/16x/pl...yg-editor/

Das leitet dich aber auch auf mybb.com weiter, ich weiß nicht ob ich das einfach so darf, aber sonst kann ich das auch einfach als .zip anhängen.

[MrBrechreiz]

Erster Versuch:


Öffne die jscripts/sceditor/jquery.sceditor.mybb.helper.js und Suche nach

PHP-Code:

/*******************
 * Init the editor *
 *******************/
 $("#message, #signature").sceditor({
 style: "jscripts/sceditor/jquery.sceditor.mybb.css",
 toolbar: "bold,italic,underline,strike,subscript,superscript|left,center,right,justify|" +
 "font,size,color,removeformat|bulletlist,orderedlist|" +
 "code,quote|horizontalrule,image,email,link,unlink|emoticon,youtube,date,time|" +
 "print,source",
 resizeMaxHeight: 800,
 plugins: 'bbcode',
 autofocus: sceditor_autofocus,
 locale: sceditor_lang,
 rtl: sceditor_rtl,
 emoticons: mybb_emoticons
 }); 


Ersetzen mit

PHP-Code:

/*******************
 * Init the editor *
 *******************/
 $("#message, #signature").sceditor({
 style: "jscripts/sceditor/jquery.sceditor.mybb.css",
 toolbar: "bold,italic,underline,strike,subscript,superscript|left,center,right,justify|" +
 "font,size,color,removeformat|bulletlist,orderedlist|" +
 "code,quote|horizontalrule,image,email,link,unlink|emoticon,youtube,date,time|" +
 "print,source,spoiler",
 resizeMaxHeight: 800,
 plugins: 'bbcode',
 autofocus: sceditor_autofocus,
 locale: sceditor_lang,
 rtl: sceditor_rtl,
 emoticons: mybb_emoticons
 }); 


Nun die jscripts/sceditor/themes/default.min.css  öffnen und füge an letzter Stelle dies ein.

Code:

.sceditor-button-spoiler div {background:url(spoiler.png) no-repeat center;margin:0;padding:0;}
.sceditor-button-spoiler div:hover {background:#eee url(spoiler.png) no-repeat center;margin:0;padding:0;}

Im Anhang liegt eine Image Datei bei, diese kommt in den Ordner "jscripts/sceditor/themes/". Alternativ kannst Du auch ein eigenes Icon verwenden mit 16x16 px.


Die jquery.sceditor.bbcode.min.js aus dem Anhang entpacken, und in den jscripts/sceditor/ Ordner kopieren.


Denn MyCode musst Du natürlich schon haben, damit es auch funktioniert.

[Itunes]

Hey,danke, also der Button ist schon mal da, ich kann ihn aber nur "klicken" wenn ich vorher einmal auf "Quelltext ansehen" klicke.

Mit freundlichen Grüßen

[MrBrechreiz]

Ja ich weiß. Ich denke aber man kann damit leben.

[Itunes]

Bisschen doof das allen zu erklären, aber das geht schon, nochmal danke!

[MrBrechreiz]

So zweiter Versuch.

Die im Anhang befindlichen Dateien entpacken und bei dir ersetzen.

Beide Dateien kommen in den jscripts/sceditor/ Ordner

[Itunes]

Jetzt klappt es perfekt, danke!

Wenn ich jetzt später noch mal was hinzufügen möchte, würde ich das hinkriegen wenn ich einfach schaue was du verändert hast?

[MrBrechreiz]

Wenn Du die Funktion richtig setzt, ja.