Editor: Soluzioni temporanee

Il nuovo editor è basato su SCeditor - http://www.sceditor.com/ .

Smiles troppo piccoli? Voilà

Codice:

.sceditor-emoticons {
width:250px!important;
height:250px!important;
overflow: auto !important;
}

Tech ha scritto:Ciao,
gli smiley saranno cambiati presto e riprenderanno il loro stato originale
Attendere. Cordiali saluti.

Assenza dei pulsanti di editor? Voilà

Zen ha scritto:Ciao a tutti,

Il problema nasce dai vostri modelli pulsanti che avete cambiato. Pertanto disattivare i modelli personalizzati nel PDA > Visualizzazione > Modelli risolverà il problema..
Ricordate che per salvare la modifica è necessario anche cancellare la cache del browser (o aggiornare la pagina Ctrl+F5).

Inoltre alcuni codici javascript aggiuntivi (personalizzati) potrebbero causare dei problemi. Chiedere al personale per ulteriori informazioni. Grazie!

Tech ha scritto:Buongiorno a tutti

Dovreste fornirmi uno screenshot della schermata PDA > Templates > Inserimento e messaggi privati

Ecco un esempio:


Attenzione, dobbiamo vedere i primi nomi della lista  

Visualizzazione dei colori

Codice:

.sceditor-color-option:hover:after {
width:20px;
height:20px;
display:block;
background:inherit;
content:" ";
position:absolute;
top:-24px;
left:2px;
border:1px solid #FFF;
}

Odiate la visualizzazione degli smileys in sovrimpressione? Ecco qua!

Codice:

.sceditor-emoticons > div{height:200px;overflow-y:scroll}
.sceditor-emoticons > div > img{left:auto!important;
top:-38px!important;
right:-8px;
background:#FFF;
border:1px solid #DDD;
padding:5px;
}

Modificare le dimensioni dell'editor

Serenity Blades ha scritto:Semplice codice CSS:

Codice:

form#quick_reply div.sceditor-container.ltr {
  height: 300px !important;
  width: 140% !important;
  left: -20%;
}

NB: controllate bene le percentuali per una migliore visualizzazione
Se la lunghezza in percentuale è minore di 100 dividete in due
Se è maggiore di 100, rendete il numero negativo
150% width = -25% rimanente
Se inferiore a 100, rendete questo numero positivo
80% width = 10% rimanente

Hai internet Explorer e non funziona il metodo WYSIWYG? Ecco qui..

battuvuong ha scritto:PDA > Visualizzazione > Immagini e colori > Foglio di stile (CSS)

Codice:

div.sceditor-container,#textarea_content{width:100%!important}
form[name="post"] textarea,form[name="post"] iframe{width:calc(100% - 10px)!important;background:#333!important;}
form[name="post"] div[class|="sceditor"],div.sceditor-dropdown{background-color:#666;border-color:#777!important}
.sceditor-button.active,.sceditor-button.hover,.sceditor-button:active,.sceditor-button:hover{background:#666!important;box-shadow:0 0 0 transparent!important;border-color:#DDD!important}
div.sceditor-group,div.sceditor-dropdown{border:1px outset #777!important;background:#c2c2c2!important;box-shadow:0 0 1px #999!important}
div.sceditor-dropdown .button{border:1px outset #999!important;background:#555!important}
form[name="post"] textarea,div.sceditor-dropdown input,div.sceditor-dropdown textarea{background:#333!important;border:1px inset #999!important;color:#DDD!important}
div.sceditor-dropdown .button:hover{border-style:inset!important}
.sceditor-color-option:hover:after{width:20px;height:20px;display:block;background:inherit;content:" ";position:absolute;top:-24px;left:2px;border:1px solid #FFF}
.sceditor-emoticons > div{max-height:200px;overflow-y:scroll}
.sceditor-emoticons > div > img{left:auto!important;top:-38px!important;right:-8px;background:#c2c2c2;border:1px solid #777;padding:5px}

Ottimizza il tuo CSS: No

PDA > Moduli > HTML & JAVASCRIPT >> Gestione codice Javascript >

• Titolo: Edit style SCEditor
  
• Ubicazione: In tutte le pagine
  
• Javacode:

Codice:

$(window).load(function () {
  $(".sceditor-container iframe").contents().find("head").append("<style>body,html,p,table{background:#333!important;color:#DDD!important}table,td{border-color:#999!important}blockquote{background:#666!important;margin-left:10px;border:0;padding-left:10px;border-left:3px solid}blockquote cite{background:url(http://i78.servimg.com/u/f78/17/70/81/78/quote10.png) no-repeat left center;padding-left:20px;margin-bottom:10px}code{background:#666;padding-left:10px;margin-left:10px}code:before{background:url(http://i83.servimg.com/u/f83/16/58/89/73/page_w10.png) no-repeat 10px center #666!important;height:20px;top:-22px;left:-1px;border:1px solid #999;padding:0 5px 0 30px}</style>")
});

Astuzia creata da:
Copyrigth FORUMATTIVO.COM

Impostare un selettore di colori differente

Codice:

.editor_color_panel{
  background-color:#fff;
  width:189px;height:135px;
}
.editor_color_panel .color_general{
  height:16px;
  margin:11px 7px 9px 11px;
}
.editor_color_panel .color_list{
  height:70px;
  margin:0 7px 0 11px;
}
.editor_color_panel .color_standard{
  height:16px;
  margin:13px 7px 8px 11px;
}
.editor_color_panel strong{
  font-size:0;
  display:block;
  width:14px;
  height:14px;
  margin-right:3px;
  float:left;
  cursor:pointer;
}

Codice:

$(function () {
    $(function () {
 
        $.sceditor.command.get('color')._dropDown = function (editor, caller, callback) {
            var content = $("<div />"),
                cmd = $.sceditor.command.get('color');
 
            if (!cmd._htmlCache) {
 
                var pre = '<strong style="background-color:#',
                    suf = ';" unselectable="on"><span></span></strong>';
 
                var htmlGen = [pre, 'ffffff,000000,eeece1,1f497d,4f81bd,c0504d,9bbb59,8064a2,4bacc6,f79646'.split(',').join(suf + pre), suf].join('');
 
                var htmlList = [pre, 'f2f2f2,7f7f7f,ddd9c3,c6d9f0,dbe5f1,f2dcdb,ebf1dd,e5e0ec,dbeef3,fdeada,d8d8d8,595959,c4bd97,8db3e2,b8cce4,e5b9b7,d7e3bc,ccc1d9,b7dde8,fbd5b5,bfbfbf,3f3f3f,938953,548dd4,95b3d7,d99694,c3d69b,b2a2c7,92cddc,fac08f,a5a5a5,262626,494429,17365d,366092,953734,76923c,5f497a,31859b,e36c09,7f7f7f,0c0c0c,1d1b10,0f243e,244061,632423,4f6128,3f3151,205867,974806'.split(',').join(suf + pre), suf].join('');
 
                var htmlStandard = [pre, 'c00000,ff0000,ffc000,ffff00,92d050,00b050,00b0f0,0070c0,002060,7030a0'.split(',').join(suf + pre), suf].join('');
 
                var htmlGeneralPanel = ['<div class="editor_color_panel" style="z-index:12;" unselectable="on"><div class="color_general" unselectable="on">', htmlGen, '</div><div class="color_list" unselectable="on">', htmlList, '</div><div class="color_standard" unselectable="on">', htmlStandard, '</div></div>'].join('');
 
                cmd._htmlCache = htmlGeneralPanel;
            }
 
            content.append(cmd._htmlCache)
                .find('strong')
                .click(function (e) {
                    callback($(this).attr('style').substr(17, 7));
                    editor.closeDropDown(true);
                    e.preventDefault();
                });
 
            editor.createDropDown(caller, "color-picker", content);
        };
 
    })
});

IMPORTANTE come rimuovere la visione degli smile in sovrimpressione

Codice:

$(function(){ $(function() {
  $(".sceditor-button-emoticon").click(function() {
    $(".smiley").unbind("hover")
  })
})});

Disabilitare completametne l'editor

Codice:

$(function() {
  $.sceditor = function() {};
  $.sceditor.ShowHideToolbarElements= function(){};
  $.fn.sceditor = function() {
    return{toggleSourceMode:function() {}}
  }
});

IMPORTANTE Disattivare completamente la versione WYSISYG

Codice:

my_setcookie("WYSIWYG_STATE", 0, 1, 0);
$(function() {
  $(function() {
    $("#text_editor_textarea").length && $("a.sceditor-button-source").remove()
  })
});

$(function() {
  $(function() {
    var a = $("#text_editor_textarea");
    a.length && ($("a.sceditor-button-source").remove(), !a.sceditor("instance").inSourceMode() && a.sceditor("instance").toggleSourceMode())
  })
});

Copyrigth FORUMATTIVO.COM

Quote bug

APE ha scritto:Ciao a tutti coloro che hanno il problema con i quote

Questa è una soluzione che potrebbe servirvi...
Io l'ho testata con PhpBB2 e funziona benissimo

Step 1
PDA Moduli HTML & JAVASCRIPT Javascript codes management

Step 2
Attivate i codici javascript : SI
Createne uno nuovo
Title : Quote Bug solution
Placement : Tutte le pagine
Put this code :

Codice:

$(function () {
        if (!$.sceditor) return;
        $.sceditor.plugins.bbcode.bbcodes.quote.html = function (token, attrs, content) {
        if (typeof attrs.defaultattr !== "undefined") content = '<cite>' + attrs.defaultattr + '</cite>' + content;
        return '<br /><blockquote>' + content + '</blockquote><br />';
        };
        });

Poi Salvate
[/b]

Gli smiles appaiono come testo

Questo bug vi rende gli smile visualizzabili come questo: :\bene:
invece di vedere questo:

Andate in PDA > Visualizzazione > Avatars > Smilies
Rimuovere tutti gli slash e salvate
Vi consiglio di rimuovere la cache del forum

Astuzia creata da:
Copyrigth FORUMATTIVO.COM