Abilitare editor wysiwyg di default o cambiare aspetto icona

Risolto Abilitare editor wysiwyg di default o cambiare aspetto icona

Messaggio Da Ospite 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.
avatar
Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

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

Messaggio Da MattiaDes 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à : 27
Messaggi : 5129
Località : 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 Ospite 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
avatar
Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

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

Messaggio Da Ospite 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.
avatar
Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

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

Messaggio Da MattiaDes 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://2img.net/i/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à : 27
Messaggi : 5129
Località : 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 Ospite 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://2img.net/i/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://2img.net/i/fa/i/smiles/icon_cry.gif) !important;
    background-position: center center !important;
    width: 120px !important;
}
avatar
Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

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

Messaggio Da MattiaDes 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à : 27
Messaggi : 5129
Località : Italy

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

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.