Editor: Soluzioni temporanee

+8
Gas75
solaris.
kkingofmusicmj
primaveregrafiche
pedro67
_cent_
saxismawe
Niko
12 partecipanti

Pagina 2 di 2 Precedente  1, 2

Attenzione Editor: Soluzioni temporanee

Messaggio Da Niko Gio 13 Giu 2013 - 21:21

Promemoria primo messaggio :

Editor: Soluzioni temporanee


Ciao Forumattivo,

a fronte dell'ultimo aggiornamento: Nuovo editore su Forumattivo molti problemi sono insorti... abbiamo così deciso di proporvi alcuni sistemi temporanei di risoluzione proposti dagli utenti o dall'intero personale di Forumactif.

Prima di tutto...
Alcune informazioni globali
Abbiamo visto molti vostri messaggi e feedback riguardanti il nuovo editor... Secondo me è un grande potenziamente, infatti in questo modo posso lavorare in word e in seguito copiare/incollare mantenendo la formattazione e riducendo i tempi a risistemare il tutto qui su Forumattivo :bene:

L'editor però è online da solo due giorni, quindi "keep cal" e aspettate per nuovi aggiornamenti e suggerimenti su come risolvere i problemi...

Ecco un paio di aiuti su come iniziare...
Il nuovo editor è basato su SCeditor - http://www.sceditor.com/ .

I "Docs" contengono alcune informazioni su come inziare :good:
http://www.sceditor.com/documentation/getting-started/

Ovviamente bisogna partire con i codici CSS che vi permettono di modificare l'editor
Ecco alcuni dei codici che potete tranquillamente utilizzare: http://www.sceditor.com/documentation/theming/
You can use that to style your editor in any way, using CSS. You can even style it to look like the old one.

Un altro suggerimenti è quello inerente ai plugin e ai potenziamenti che si possono fare all'editor.
Guardatene alcuni qui: http://www.sceditor.com/documentation/options/
With a simple javascript is possible hide some buttons from the toolbar and change many options in the editor.

Mi raccomando...
Pulite la cache prima di segnalare i vostri problemi: magari sono già stati risolti nel frattempo!



Smiles troppo piccoli? Voilà


E' necessario aggiungere questo codice CSS nel vostro foglio di stile:
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:
Editor: Soluzioni temporanee - Pagina 2 Templa10

Attenzione, dobbiamo vedere i primi nomi della lista :bene: 

Visualizzazione dei colori


Dovete solo aggiungere il codice CSS:
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;
}

DEMO:
Editor: Soluzioni temporanee - Pagina 2 13-06-11

Odiate la visualizzazione degli smileys in sovrimpressione? Ecco qua!


Dovete solo aggiungere il codice CSS:
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;
}

DEMO:
Editor: Soluzioni temporanee - Pagina 2 13-06-12

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 > :new:
  • 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>")
});

In aggiornamento...


Astuzia creata da:
Copyrigth ©️ FORUMATTIVO.COM


Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 27
Messaggi : 9425
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Attenzione Re: Editor: Soluzioni temporanee

Messaggio Da Niko Lun 17 Giu 2013 - 22:39

Tranquilla :good:
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 27
Messaggi : 9425
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Attenzione Re: Editor: Soluzioni temporanee

Messaggio Da Ospite Mar 18 Giu 2013 - 7:54

Io non ce l' ho la slash inserita nel codice degli smile però se non inserisco la spaziatura tra l' uno e l' altro o tra le scritte e lo smile, viene ugualmente il codice, come posso fare?
avatar
Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Attenzione Script per sistemare i quote con nuovo editor non va

Messaggio Da Gas75 Mar 18 Giu 2013 - 10:58

Salve,
ho attinto a questo script suggerito in un'altra discussione per risolvere un problema lamentato sulle citazioni dei messaggi...
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 />';
        };
        });

Ho seguito pedissequamente le istruzioni, però quando clicco il pulsante per quotare un messaggio, mi si apre l'editor senza la possibilità di scrivere fuori da esso!:&gt;.&lt;:

Devo presumere che il codice che ho inserito non serva a quello scopo, pertanto gradirei qualche dritta per risolvere il problema.
Grazie dell'attenzione.
Gas75
Gas75
***

Sesso : Maschio
Età : 49
Messaggi : 144
Località : Bari

http://brendon.forumattivo.com/
Gas75 è stato ringraziato dall'autore di questo topic.

Attenzione Re: Editor: Soluzioni temporanee

Messaggio Da Ospite Mar 18 Giu 2013 - 11:27

Io l' ho provato e a me funziona.
avatar
Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Attenzione Re: Editor: Soluzioni temporanee

Messaggio Da Niko Mar 18 Giu 2013 - 18:05

Ha risposto son per me :good:

La discussione è stata unita al topic ufficiale
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 27
Messaggi : 9425
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Attenzione Re: Editor: Soluzioni temporanee

Messaggio Da the crow Mar 18 Giu 2013 - 18:50

qui parla di quel codice ...e mi sembra di capire che puo' non funzionare per tutti
cito
the crow
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 32
Messaggi : 8782
Località : Roma

https://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Attenzione Re: Editor: Soluzioni temporanee

Messaggio Da Niko Mar 18 Giu 2013 - 18:52

Oh.. io lo ho trovato sul forum Francese e l'utente che lo aveva chiesto aveva detto che funzionava Sad
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 27
Messaggi : 9425
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Attenzione Re: Editor: Soluzioni temporanee

Messaggio Da Niko Mar 18 Giu 2013 - 22:14

[b]UPDATE #3/b]


Ciao a tutti,

Modificare lo stile dell'editor (testo, ecc.)


Se avete attivata la modalità soruce (WYSIWYG disattivo)

PDA > Visualizzazione > Imagini e colori > Foglio di stile > Inserire il codice CSS
Codice:
.sceditor-container iframe, .sceditor-container textarea {
font-family:Corbel!important;
}

Se invece avete attiva la modalità WYSIWYG attiva...
PDA > Moduli > Java & HTML > Creare un nuovo codice Javascript (in tutte le pagine)
Codice:
$(function() {
  $("#text_editor_textarea").sceditor('instance').css('body { font-size: 20px; color: red; }')
});

Per chi conosce il Francese o sa usare i traduttori online consiglio di tenere sotto controllo anche questo topic:



In aggiornamento :good:


Copyrigth ©️ FORUMATTIVO.COM


Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 27
Messaggi : 9425
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Attenzione Re: Editor: Soluzioni temporanee

Messaggio Da castoro Mer 19 Giu 2013 - 7:02

grazie mille, sul mio forum c'erano solo 2 problemi dai pc, gli smile troppo piccoli e il quote, grazie a questi supporti ho risolto entrambi, resta però un problema, quando si entra dai tablet o cellulare scrive molto ma molto lentamente ....
castoro
castoro
Nuovo membro

Sesso : Maschio
Età : 51
Messaggi : 15
Località : Roma

http://runners.forumitaliano.com/
castoro è stato ringraziato dall'autore di questo topic.

Attenzione Re: Editor: Soluzioni temporanee

Messaggio Da Ospite Mer 19 Giu 2013 - 7:36

Con il secondo codice, spariscono tutti i tastini. Shocked
avatar
Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Attenzione Re: Editor: Soluzioni temporanee

Messaggio Da Frau Blucher Mer 19 Giu 2013 - 11:38

Ho anch'io il problema col quote, ho inserito il codice nel css ma non cambia nulla, per non finire nel quotato si deve comunque cliccare su oscillare il modo d'edizione. Altri suggerimenti? Volevo cancellare questo mio post perchè ho visto che qui si ci devono stare solo le soluzioni, ma non ci riesco, chiedo scusa..
Frau Blucher
Frau Blucher
***

Sesso : Femmina
Messaggi : 122
Località : Milano

Frau Blucher è stato ringraziato dall'autore di questo topic.

Attenzione Re: Editor: Soluzioni temporanee

Messaggio Da Niko Mer 19 Giu 2013 - 18:44

Il fatto è che alcuni codici entrano in conflitto...
questi sono quelli che fin'ora sono stati trovati e che funzionano per molti utenti :bene:

Se non funziona dovete attendere la risposta dei tecnici
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 27
Messaggi : 9425
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Attenzione Re: Editor: Soluzioni temporanee

Messaggio Da Ospite Mer 19 Giu 2013 - 18:53

Va bene.
Grazie Niko!
avatar
Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Pagina 2 di 2 Precedente  1, 2

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.