Abilitare editor wysiwyg di default o cambiare aspetto icona


Risolto Abilitare editor wysiwyg di default o cambiare aspetto icona

Messaggio Da bugandy il Sab 20 Lug 2019 - 14:39

ciao! 

È possibile in qualche modo abilitare l'editor avanzato in modo predefinito per tutti gli utenti?

Mi spiego, quando un utente esce dal forum (cancella i cookie) e poi rientra trova l'editor impostato in modalità "visualizzazione codici" e ogni volta deve cliccare sull'iconcina apposita per passare in modalità wysiwyg.


Siccome alcuni utenti non possono/riescono a conservare i cookie e non ricordano che pulsante devono premere per cambiare l'editor, farebbe molto comodo se l'editor avesse la modalità wysiwyg di default al login. C'è un modo di poter fare questo?


Naturalmente ho abilitato l'opzione "Attivare il modo WYSIWIG nei messaggi" ma sembra che abiliti solo la barra con le opzioni di formattazione.  scratch 






In alternativa si potrebbe modificare l'icona del pulsante con qualcosa di più facile da ricordare? Io sono riuscito solo a cambiare l'icona con i css in questo modo:

Codice:
.sceditor-button-source {
    background-image: url("indirizzoimmaginealternativa") !important;
}

.sceditor-button-source div {
   background-image: none !important;
}

Però non riesco a interagire con lo stato cliccato/non-cliccato del pulsante. Ovvero l'icona rimane sempre quella.
C'è un modo per poterlo fare o è codificato troppo in profondità?

Intendo una cosa in javascript tipo:
If "pulsante cliccato" scrivi "editor avanzato disabilitato"
else scrivi "editor avanzato abilitato"

Basterebbe anche colorare lo sfondo in modo diverso secondo lo stato del pulsante.

Grazie.


Ultima modifica di bugandy il Mar 23 Lug 2019 - 0:11, modificato 1 volta
bugandy
bugandy
Nuovo membro

Sesso : Maschio
Età : 33
Messaggi : 31
Località : Italia


http://ilcubdeglienigmisti.forumattivo.com
bugandy è stato ringraziato dall'autore di questo topic.

Risolto Re: Abilitare editor wysiwyg di default o cambiare aspetto icona

Messaggio Da MattiaDes il Sab 20 Lug 2019 - 20:26

Il bottone lo si può personalizzare a proprio piacimento, il codice per fare questo è circa quello che hai messo tu happy

Di default ci dovrebbe già essere un colore diverso per quando il bottone è attivato o disattivato

Riguardo al mantenere la modalità wysiwyg attiva fin da subito prova ad usare questo codice javascript:

Codice:
function setCookie(nome, valore, ggScadenza, path) {
  path = "/";
  var d = new Date();
  d.setTime(d.getTime() + (ggScadenza * 24 * 60 * 60 * 1000));
  var expires = "expires=" + d.toUTCString();
  document.cookie = nome + "=" + valore + "; " + expires + "; path=" + path;
}

$(function() {
  if( _userdata.session_logged_in == 1) {
    setCookie('WYSIWYG_STATE', 1, 365, '/');
  }
   
});

Buon proseguimento happy


Abilitare editor wysiwyg di default o cambiare aspetto icona Z_user10

Abilitare editor wysiwyg di default o cambiare aspetto icona 1300 Abilitare editor wysiwyg di default o cambiare aspetto icona 2203 Abilitare editor wysiwyg di default o cambiare aspetto icona 392
MattiaDes
MattiaDes
Amministratore
Amministratore

Sesso : Maschio
Età : 23
Messaggi : 4116
Località : Modena, Italy


http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Risolto Re: Abilitare editor wysiwyg di default o cambiare aspetto icona

Messaggio Da bugandy il Dom 21 Lug 2019 - 10:30

Grazie, il codice funziona. Prima di mettere risolto aspetto risposte dagli utenti. Nel caso mi faccio risentire.  Very Happy
bugandy
bugandy
Nuovo membro

Sesso : Maschio
Età : 33
Messaggi : 31
Località : Italia


http://ilcubdeglienigmisti.forumattivo.com
bugandy è stato ringraziato dall'autore di questo topic.

Risolto Re: Abilitare editor wysiwyg di default o cambiare aspetto icona

Messaggio Da bugandy il Lun 22 Lug 2019 - 13:49

ciao!

@MattiaDes ha scritto:
l bottone lo si può personalizzare a proprio piacimento, il codice per fare questo è circa quello che hai messo tu Abilitare editor wysiwyg di default o cambiare aspetto icona 2632293392

Di default ci dovrebbe già essere un colore diverso per quando il bottone è attivato o disattivato

Per piacere puoi dirmi dove sbaglio?
Così ho la risposta a entrambe le domande e poi possiamo chiudere.

Il colore diverso c'è, ma se cambio l'icona con una personalizzata viene sovrascritto perché l'icona compare sopra lo sfondo.
scratch

E poi io intendevo cambiare quel colore con un altro, perché di default è bianco/grigio e non si nota molto.
bugandy
bugandy
Nuovo membro

Sesso : Maschio
Età : 33
Messaggi : 31
Località : Italia


http://ilcubdeglienigmisti.forumattivo.com
bugandy è stato ringraziato dall'autore di questo topic.

Risolto Re: Abilitare editor wysiwyg di default o cambiare aspetto icona

Messaggio Da MattiaDes il Lun 22 Lug 2019 - 14:49

Questo per cambiare il colore di sfondo quand'è cliccato:

Codice:
.sceditor-button.sceditor-button-source.hover {
    background-color: red !important;
}

Per cambiare icona:

Codice:
.sceditor-button.sceditor-button-source div {
    background-image: url(https://illiweb.com/fa/i/smiles/icon_scratch.png) !important;
    background-position: center center;
    background-repeat: no-repeat;
}


Abilitare editor wysiwyg di default o cambiare aspetto icona Z_user10

Abilitare editor wysiwyg di default o cambiare aspetto icona 1300 Abilitare editor wysiwyg di default o cambiare aspetto icona 2203 Abilitare editor wysiwyg di default o cambiare aspetto icona 392
MattiaDes
MattiaDes
Amministratore
Amministratore

Sesso : Maschio
Età : 23
Messaggi : 4116
Località : Modena, Italy


http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Risolto Re: Abilitare editor wysiwyg di default o cambiare aspetto icona

Messaggio Da bugandy il Mar 23 Lug 2019 - 0:10

ciao!

Grazie della dritta.

Ora che ho capito come prendere quell'informazione sono anche riuscito a personalizzare il codice per inserire due immagini che cambiano al click.

Lo condivido qui così che possa tornare utile anche ad altri:
Codice:
.sceditor-button.sceditor-button-source {
    background-color: #DDDDDD !important;
    box-shadow: none !important;
    width: 120px !imporant;
    margin-left: 20px !important;
    display: table !important;
}

.sceditor-button.sceditor-button-source.hover div {
    background-image: url(https://illiweb.com/fa/i/smiles/icon_biggrin.png) !important;
    background-position: center center !important;
    width: 120px !important;
}

.sceditor-button.sceditor-button-source:not(hover) div {
    background-image: url(https://illiweb.com/fa/i/smiles/icon_cry.gif) !important;
    background-position: center center !important;
    width: 120px !important;
}
bugandy
bugandy
Nuovo membro

Sesso : Maschio
Età : 33
Messaggi : 31
Località : Italia


http://ilcubdeglienigmisti.forumattivo.com
bugandy è stato ringraziato dall'autore di questo topic.

Risolto Re: Abilitare editor wysiwyg di default o cambiare aspetto icona

Messaggio Da MattiaDes il Mar 23 Lug 2019 - 11:55

Perfetto, molto bene happy archivio


Abilitare editor wysiwyg di default o cambiare aspetto icona Z_user10

Abilitare editor wysiwyg di default o cambiare aspetto icona 1300 Abilitare editor wysiwyg di default o cambiare aspetto icona 2203 Abilitare editor wysiwyg di default o cambiare aspetto icona 392
MattiaDes
MattiaDes
Amministratore
Amministratore

Sesso : Maschio
Età : 23
Messaggi : 4116
Località : Modena, Italy


http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Torna in alto


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