Visualizzazione risultati 1 fino 18 di 18

Discussione: Formattare textarea

  1. #1
    albenessereblog non è connesso Utente attivo
    Data registrazione
    29-12-2021
    Messaggi
    390

    Predefinito Formattare textarea

    Ho un textarea e ho inserito la parola "Prova", poi ho guardata nel codice sorgente ed appare questo:
    Codice HTML:
    <div contenteditable="plaintext-only">Prova</div>
    Questo è un css un pò strano, come faccio a modificare il css per cambiare il colore del testo?
    Ultima modifica di albenessereblog : 05-09-2025 alle ore 19.04.03

  2. #2
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    23,246

    Predefinito

    Vedi qui: https://developer.mozilla.org/en-US/...ontenteditable

    Per cambiare colore del testo, puoi semplicemente associargli una classe o id come qualsiasi altro elemento HTML, quindi usare color.

    Codice HTML:
    <div contenteditable="plaintext-only" class="rosso">Prova</div>
    Codice:
    .rosso{color:red}
    Ciao!

  3. #3
    albenessereblog non è connesso Utente attivo
    Data registrazione
    29-12-2021
    Messaggi
    390

    Predefinito

    Non mi ero spiegato bene, nel file sorgente c'è questo, io voglio metterci un css per modificare il colore al testo "Cancellazione confermata!"

    https://snipboard.io/Vm0BXG.jpg

  4. #4
    frasidipace non è connesso AlterGuru 2500
    Data registrazione
    07-05-2010
    Messaggi
    2,853

    Predefinito

    Citazione Originalmente inviato da albenessereblog Visualizza messaggio
    Non mi ero spiegato bene, nel file sorgente c'è questo, io voglio metterci un css per modificare il colore al testo "Cancellazione confermata!"

    https://snipboard.io/Vm0BXG.jpg
    Ciao,
    devi fare come ti ha spiegato alemoppo.
    Definisci una classe e poi la richiami e configuri nel CSS.
    Oppure, se vuoi scrivere il css direttamente inline, aggiungi ad esempio all'interno della div:
    Codice:
    style="color:red"
    quindi;
    Codice:
    <div contenteditable="plaintext-only" style="color:red">Prova</div>
    Ciao

  5. #5
    albenessereblog non è connesso Utente attivo
    Data registrazione
    29-12-2021
    Messaggi
    390

    Predefinito

    Io vorrei mettere solo il css nel file child, la schermata del plugin è questa (vedi link sotto) e il codice che c'è nel file sorgente l'ho messo nel mio post precedente con la parola "Prova", qui invece c'è "Cancellazione confermata!"

    https://snipboard.io/6HnzJe.jpg

  6. #6
    GraphOGLRisorse non è connesso AlterGuru 2500
    Data registrazione
    14-02-2015
    Messaggi
    4,529

    Predefinito

    Citazione Originalmente inviato da albenessereblog Visualizza messaggio
    Io vorrei mettere solo il css nel file child, la schermata del plugin è questa (vedi link sotto) e il codice che c'è nel file sorgente l'ho messo nel mio post precedente con la parola "Prova", qui invece c'è "Cancellazione confermata!"

    https://snipboard.io/6HnzJe.jpg
    Salve,
    dalla seconda immagine non ho idea di quale plugin stia usando e che cosa faccia.

    Il codice mostrato nella prima immagine, ovvero qualcosa di questo tipo:
    Codice HTML:
    <textarea wrap="off" row="7" style="width:500px;height:50px;">
       <div contenteditable="plaintext-only">
         "Cancellazione confermata!"
         <br>
       </div>  
       "Cancellazione confermata!"
    </textarea>
    è una anomalia. Di norma, ciò che viene inserito dentro il tag <textarea></textarea>verrà visualizza come testo e non interpretato in caso di codice o markup.

    Difatti, basta inserirlo in una pagina vuota ed eseguirla nel browser per vedere che il contenuto HTML dentro al tag textarea viene visualizzato e non interpretato.

    Di prassi, in alternativa al tag texarea, si può usare contenteditable="plaintext-only" che permette di emulare una text area con div:
    Codice HTML:
    <div contenteditable="plaintext-only" style="min-height:50px; width:300px;color:red;">
      "Cancellazione confermata!"
    </div>
    Come si chiama il plugin in questione?

    Può fornire un link di esempio?

    Cordiali saluti.

  7. #7
    albenessereblog non è connesso Utente attivo
    Data registrazione
    29-12-2021
    Messaggi
    390

    Predefinito

    Il plugin si chiama Lightweight Subscribe To Comments

  8. #8
    albenessereblog non è connesso Utente attivo
    Data registrazione
    29-12-2021
    Messaggi
    390

    Predefinito

    Un pò ho risolto, ma non del tutto. Con questo codice mi formatta il textarea che ho nel plugin:

    Codice HTML:
    <tex[SIZE=2][/SIZE]tarea name="options[thankyou]" wrap="off" rows="7" style="width: 500px; font-size: 1.5em; text-align: center; padding-top: 50px"><?php echo $thankyou; ?></textarea>
    https://snipboard.io/ZxLc6p.jpg

    Ma a me però interessa che questa formattazione appaia a video quando clicco il link per cancellare l'iscrizione.

    Aggiornamento

    In un qualche misterioso modo ci sono riuscito, non mi prende la classe e nemmeno il padding-top, però va meglio.

    Codice PHP:
    echo '<span style="font-family: arial; font-size: 1.5em; text-align: center; padding-top: 150px;">'. $thankyou .'</span>';
    Ultima modifica di albenessereblog : 06-09-2025 alle ore 23.12.38

  9. #9
    frasidipace non è connesso AlterGuru 2500
    Data registrazione
    07-05-2010
    Messaggi
    2,853

    Predefinito

    Non ho capito però a cosa ti serve complicarti la vita, oppure sono io che non hi capito cosa vuoi realizzare.
    Il plugin Lightweight Subscribe To Comments, che comunque non è più supportato da un anno, consente di rimandare l'utente alla pagina di sottoscrizione per la cancellazione.
    A quel punto nella pagina ti crei l'area con il testo formattato come vuoi, evitando di scrivere codice (che non mi è chiaro dove lo scrivi) e CSS.

    Ciao

  10. #10
    albenessereblog non è connesso Utente attivo
    Data registrazione
    29-12-2021
    Messaggi
    390

    Predefinito

    Citazione Originalmente inviato da frasidipace Visualizza messaggio
    Non ho capito però a cosa ti serve complicarti la vita, oppure sono io che non hi capito cosa vuoi realizzare.
    Il plugin Lightweight Subscribe To Comments, che comunque non è più supportato da un anno, consente di rimandare l'utente alla pagina di sottoscrizione per la cancellazione.
    A quel punto nella pagina ti crei l'area con il testo formattato come vuoi, evitando di scrivere codice (che non mi è chiaro dove lo scrivi) e CSS.

    Ciao
    Avevo pensato anch'io di creare una pagina personalizzata, ma visto che l'opzione è già nel plugin la uso.
    Questo codice che ho modificato si trova nel file del plugin: comment-notifier-no-spammers.php alla riga 379

  11. #11
    frasidipace non è connesso AlterGuru 2500
    Data registrazione
    07-05-2010
    Messaggi
    2,853

    Predefinito

    Citazione Originalmente inviato da albenessereblog Visualizza messaggio
    Avevo pensato anch'io di creare una pagina personalizzata, ma visto che l'opzione è già nel plugin la uso.
    Questo codice che ho modificato si trova nel file del plugin: comment-notifier-no-spammers.php alla riga 379
    I files dei plugins non vanno modificati, perché al primo aggiornamento perdi tutto.
    E comunque, come ho già scritto, il plugin non è supportato da un anno.

    Ciao

  12. #12
    albenessereblog non è connesso Utente attivo
    Data registrazione
    29-12-2021
    Messaggi
    390

    Predefinito

    Ho creato una pagina personalizzata così non tocco il codice del plugin. Questa però non porta alla home dopo tre secondi.
    Ultima modifica di albenessereblog : 07-09-2025 alle ore 00.46.35

  13. #13
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    23,246

    Predefinito

    Citazione Originalmente inviato da albenessereblog Visualizza messaggio
    Questa però non porta alla home dopo tre secondi.
    Vorresti quindi questa funzionalità?
    Se deve effettuare il redirect in automatico, la cosa che consiglierei è usare il redirect HTML con i meta tag (vedi qui). Se vuoi invece un timeout che appaia a schermo, va usato javascript (puoi iniziare da qui, anche se andrebbe svecchiato di molto quello script).

    Ciao!

  14. #14
    albenessereblog non è connesso Utente attivo
    Data registrazione
    29-12-2021
    Messaggi
    390

    Predefinito

    Come li metto questi codici? Nella pagina ho questo codice:

    Codice:
    <!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"25px"},"elements":{"link":{"color":{"text":"var:preset|color|vivid-red"}}}},"backgroundColor":"white","textColor":"vivid-red"} -->
    <p class="has-text-align-center has-vivid-red-color has-white-background-color has-text-color has-background has-link-color" style="font-size:25px">✓Cancellazione confermata!</p>
    <!-- /wp:paragraph -->
    
    <!-- wp:paragraph -->
    <p></p>
    <!-- /wp:paragraph -->

  15. #15
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    23,246

    Predefinito

    Visto che sei su Wordpress non è così immediato modificare <head> della pagina, quindi forse in JS è molto più semplice:
    Codice HTML:
    <script>
      setTimeout(() => {
        window.location.href = "https://albenessereblog.altervista.org/";
      }, 3000); // 3 secondi
    </script>
    Ciao!

  16. #16
    albenessereblog non è connesso Utente attivo
    Data registrazione
    29-12-2021
    Messaggi
    390

    Predefinito

    Dove lo metto?

  17. #17
    frasidipace non è connesso AlterGuru 2500
    Data registrazione
    07-05-2010
    Messaggi
    2,853

    Predefinito

    Citazione Originalmente inviato da albenessereblog Visualizza messaggio
    Dove lo metto?
    Crea una pagina con il messaggio di conferma cancellata come ti avveo suggerito in precedenza.
    All'interno di questa pagina inserisci un blocco html e scrivi all'interno il codice di alemoppo.

    Ciao

  18. #18
    albenessereblog non è connesso Utente attivo
    Data registrazione
    29-12-2021
    Messaggi
    390

    Predefinito

    Citazione Originalmente inviato da frasidipace Visualizza messaggio
    Crea una pagina con il messaggio di conferma cancellata come ti avveo suggerito in precedenza.
    All'interno di questa pagina inserisci un blocco html e scrivi all'interno il codice di alemoppo.

    Ciao
    Funziona

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •