MyBB.de Forum
WYSIWYG Editor Problem - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Plugin-Diskussionen (https://www.mybb.de/forum/forum-38.html)
+--- Thema: WYSIWYG Editor Problem (/thread-26666.html)

Seiten: Seiten: 1 2

RE: WYSIWYG Editor Problem - SyntaX - 21.10.2012

Kla, hier: http://mods.mybb.com/view/wysiwyg-editor

RE: WYSIWYG Editor Problem - MrBrechreiz - 21.10.2012

PN bekommen SyntaX ?

RE: WYSIWYG Editor Problem - SyntaX - 22.10.2012

Jo hab grad geantwortet Wink

RE: WYSIWYG Editor Problem - MrBrechreiz - 22.10.2012

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.

RE: WYSIWYG Editor Problem - StefanT - 23.10.2012

Was soll das denn erreichen?

RE: WYSIWYG Editor Problem - MrBrechreiz - 23.10.2012

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, 08: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.

RE: WYSIWYG Editor Problem - SyntaX - 23.10.2012

(22.10.2012, 23: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..

RE: WYSIWYG Editor Problem - MrBrechreiz - 23.10.2012

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.

RE: WYSIWYG Editor Problem - SyntaX - 24.10.2012

Dankeschön Smile