Editor: Soluzioni temporanee

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:

Attenzione, dobbiamo vedere i primi nomi della lista

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 >
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

Da **Niko** Lun 17 Giu 2013 - 22:39

Tranquilla :good:

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?

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!:>.<:

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

Da Ospite Mar 18 Giu 2013 - 11:27

Io l' ho provato e a me funziona.

Da **Niko** Mar 18 Giu 2013 - 18:05

Ha risposto son per me :good:

La discussione è stata unita al topic ufficiale

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

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

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:

http://forum.forumactif.com/t352754-modifier-l-apparence-de-l-editeur

In aggiornamento :good:

Copyrigth FORUMATTIVO.COM

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 ....

Da Ospite Mer 19 Giu 2013 - 7:36

Con il secondo codice, spariscono tutti i tastini. Shocked

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..