Hallo, Gast! (Registrieren)

Letzte Ankündigung: Sicherheitsupdate: MyBB 1.8.30 veröffentlicht (09.03.22)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
WYSIWYG Editor Problem
#11
Kla, hier: http://mods.mybb.com/view/wysiwyg-editor
Zitieren
#12
PN bekommen SyntaX ?
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#13
Jo hab grad geantwortet Wink
Zitieren
#14
Gewhe in Dein Template Namens Templares ohne Gruppe --> codebuttons

und ändere das
PHP-Code:
<script type="text/javascript" src="jscripts/editor.js?ver=1601"></script

zu
PHP-Code:
<script type="text/javascript" src="jscripts/editor.js?ver=1600"></script

dann gehts.
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#15
Was soll das denn erreichen?
[Bild: banner.png]

Bitte die Foren-Regeln beachten und im Profil die verwendete MyBB-Version angeben.
Zitieren
#16
Hab auch noch zwei Buttons intigriert "hide" und "spoiler".

Den MyCode "hide" und "spoiler" entweder im neuen MyCode herstellen oder die Plugin´s dafür suchen. Beides geht, solange der hidecode [hide][/hide] und spoilercode [spoiler][/spoiler] als BBCode definiert ist.


Fangen wir an:
A1/1
Zu erst öffnet die wysiwyg.js aus dem jscript Ordner und sucht nach

Code:
// ... toolbar elements order:
    this.toolElements = [["font","size","separator","b","i","u","s","separator","align","separator","color","break"],
            ["undo","redo","separator","url","separator","img","separator","list","separator","quote","code","separator","php","separator","video"]];

fügt am Ende nach "video"


Code:
,"separator","hide","separator","spoiler"

ein, sodaß es dann diesen Code ergibt

Code:
// ... toolbar elements order:
    this.toolElements = [["font","size","separator","b","i","u","s","separator","align","separator","color","break"],
            ["undo","redo","separator","url","separator","img","separator","list","separator","quote","code","separator","php","separator","video","separator","hide","separator","spoiler"]];

A1/2
Sucht weiter nach

Code:
case "mcephptag":
                if (this.editorIsActive) {
                    this.insertContent('[php]', '[/php]');
                    tinyMCE.triggerNodeChange();
                    tinyMCE.execCommand("mceAddUndoLevel");    
                }
                else tinyMCE.simpleExecCommand('php', this.editorId+'_codeview');
                return true;

und fügt darunter

Code:
case "mcehidetag":
                if (this.editorIsActive) {
                    this.insertContent('[hide]', '[/hide]');
                    tinyMCE.triggerNodeChange();
                    tinyMCE.execCommand("mceAddUndoLevel");    
                }
                else tinyMCE.simpleExecCommand('hide', this.editorId+'_codeview');
                return true;
                
            case "mcespoilertag":
                if (this.editorIsActive) {
                    this.insertContent('[spoiler]', '[/spoiler]');
                    tinyMCE.triggerNodeChange();
                    tinyMCE.execCommand("mceAddUndoLevel");    
                }
                else tinyMCE.simpleExecCommand('spoiler', this.editorId+'_codeview');
                return true;

ein. Dies ist die definition für die beiden Buttons.


A1/3
Weiter suchen nach

Code:
case 'php': execCommand = 'mcePhpTag'; break;

und fügt darunter

Code:
case 'hide': execCommand = 'mceHideTag'; break;
case 'spoiler': execCommand = 'mceSpoilerTag'; break;

ein.

A1/4
Weiter suchen nach

Code:
case 'mcePhpTag':    tag = 'php'; break;

fügt darunter

Code:
case 'mceHideTag':    tag = 'hide'; break;
case 'mceSpoilerTag':    tag = 'spoiler'; break;

ein.

Geht nun in euren plugin Ordner --> wysiwyg und öffnet die templates.xml


A2/1
Sucht nach

Code:
language['quote.desc'] = "{$lang->quote}";language['code.desc'] = "{$lang->code}";language['php.desc'] = "{$lang->insert_php}";

fügt dahinter folgendes ein.


Code:
language['hide.desc'] = "{$lang->insert_hide}";language['spoiler.desc'] = "{$lang->insert_spoiler}";

A2/2
Sucht weiter nach

Code:
var tmpBBCode = { wysiwyg:0, bbCode:'php', htmlOpen:'', htmlClose:'', icon:'insertPhpM.png', sourceCode:1, attributes:[{ attributeHTML:'', validationPattern:'^\\d+$', required:0 }] };
        coreBBCodes['php'] = tmpBBCode;        sourceCodes['php'] = 'php';        language['php.title'] = "{$lang->insert_php}";

und fügt darunter folgendes ein.

Code:
var tmpBBCode = { wysiwyg:0, bbCode:'hide', htmlOpen:'', htmlClose:'', icon:'insertHideM.png', sourceCode:1, attributes:[{ attributeHTML:'', validationPattern:'^\\d+$', required:0 }] };
        coreBBCodes['hide'] = tmpBBCode;        sourceCodes['hide'] = 'hide';        language['hide.title'] = "{$lang->insert_hide}";                    
                    var tmpBBCode = { wysiwyg:0, bbCode:'spoiler', htmlOpen:'', htmlClose:'', icon:'insertSpoilerM.gif', sourceCode:1, attributes:[{ attributeHTML:'', validationPattern:'^\\d+$', required:0 }] };
        coreBBCodes['spoiler'] = tmpBBCode;        sourceCodes['spoiler'] = 'spoiler';        language['spoiler.title'] = "{$lang->insert_spoiler}";
                    language['php.attribute1.promptText'] = "mybb.bbcode.php.promptText";

A2/3
Weiter suchen nach

Code:
var tmpBBCode = { wysiwyg:0, bbCode:'php', htmlOpen:'', htmlClose:'', icon:'insertPhpM.png', sourceCode:1, attributes:[{ attributeHTML:'', validationPattern:'^\\d+$', required:0 }] };
        coreBBCodes['php'] = tmpBBCode;        sourceCodes['php'] = 'php';        language['php.title'] = "{$lang->insert_php}";
                    language['php.attribute1.promptText'] = "mybb.bbcode.php.promptText";

fügt darunter

Code:
var tmpBBCode = { wysiwyg:0, bbCode:'hide', htmlOpen:'', htmlClose:'', icon:'insertHideM.png', sourceCode:1, attributes:[{ attributeHTML:'', validationPattern:'^\\d+$', required:0 }] };
        coreBBCodes['hide'] = tmpBBCode;        sourceCodes['hide'] = 'hide';        language['hide.title'] = "{$lang->insert_hide}";
                    language['hide.attribute1.promptText'] = "mybb.bbcode.hide.promptText";
                    var tmpBBCode = { wysiwyg:0, bbCode:'spoiler', htmlOpen:'', htmlClose:'', icon:'insertSpoilerM.gif', sourceCode:1, attributes:[{ attributeHTML:'', validationPattern:'^\\d+$', required:0 }] };
        coreBBCodes['spoiler'] = tmpBBCode;        sourceCodes['spoiler'] = 'spoiler';        language['spoiler.title'] = "{$lang->insert_spoiler}";
                    language['spoiler.attribute1.promptText'] = "mybb.bbcode.spoiler.promptText";

ein.

A3/1
Öffnet nun jeweils die wysiwyg.lang.php in den deutsch_du und deutsch_sie Ordner für die Sprache.

Fügt nach


Code:
$l['insert_php'] = "Insert PHP Code";

dies

Code:
$l['insert_hide'] = "Insert Hide Code";
$l['insert_spoiler'] = "Insert Spoiler Code";

ein.



Info: In meinem Fall waren die beiden Buttonbilder ein gif und ein png. Sie Bilder für den Editor kommen folglich in den Designordner des wysiwyg´s unter --> jscripts --> wysiwyg_themes --> Deine Designs --> images und gibt ihnen den Namen, der in dem A2/2 definiert wurde.

(23.10.2012, 09:50)StefanT schrieb: Was soll das denn erreichen?


Ganz einfach, damit ist der Editor in seinem Cinema Theme auch nun da, vorher war das nicht der Fall.
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#17
(23.10.2012, 00:44)MrBrechreiz schrieb: Gewhe in Dein Template Namens Templares ohne Gruppe --> codebuttons

und ändere das
PHP-Code:
<script type="text/javascript" src="jscripts/editor.js?ver=1601"></script

zu
PHP-Code:
<script type="text/javascript" src="jscripts/editor.js?ver=1600"></script

dann gehts.

Er funktioniert nun halb, der neue Editor...

Er funktioniert, wenn man auf Antworten klickt, aber nicht in der Schnell-Antwort Box, obwohl es in den einstellungen vom Plugin so eingestellt ist..
Zitieren
#18
Gehe dazu ins Template Namens -->Zeige Thema Templates-->showthread
und ändere diesen Code

Code:
<script type="text/javascript" src="jscripts/thread.js?ver=1601"></script>

zu

Code:
<script type="text/javascript" src="jscripts/thread.js?ver=1603"></script>

dann sollte es gehen.
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#19
Dankeschön Smile
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
Pencil Jitbit WYSIWYG-BBCode Editor für MyBB 2 2.847 15.09.2010, 10:36
Letzter Beitrag: PaintFoX
  WYSIWYG-Editor für MyBB 1.6 tholler 1 2.878 20.08.2010, 22:54
Letzter Beitrag: Falkenauge Mihawk
  Suche WYSIWYG-Editor Armin 3 1.690 28.02.2009, 15:47
Letzter Beitrag: Armin
  Zusammenfassung für WYSIWYG-Editor KarlMay 3 1.706 15.09.2008, 12:26
Letzter Beitrag: ows
  WYSIWYG editor - HELP! Neutron 24 5.137 22.05.2008, 15:59
Letzter Beitrag: Chrissi