Formattare textarea

[albenessereblog]

Ho un textarea e ho inserito la parola "Prova", poi ho guardata nel codice sorgente ed appare questo:

<div contenteditable="plaintext-only">Prova</div>

Questo è un css un pò strano, come faccio a modificare il css per cambiare il colore del testo?

[alemoppo]

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.

<div contenteditable="plaintext-only" class="rosso">Prova</div>

.rosso{color:red}

Ciao!

[albenessereblog]

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

[frasidipace]

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:

style="color:red"

quindi;

<div contenteditable="plaintext-only" style="color:red">Prova</div>

Ciao

[albenessereblog]

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

[GraphOGLRisorse]

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:

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

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

[albenessereblog]

Il plugin si chiama Lightweight Subscribe To Comments

[albenessereblog]

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

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

echo '<span style="font-family: arial; font-size: 1.5em; text-align: center; padding-top: 150px;">'. $thankyou .'</span>'; 

[frasidipace]

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

[albenessereblog]

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

[frasidipace]

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

[albenessereblog]

Ho creato una pagina personalizzata così non tocco il codice del plugin. Questa però non porta alla home dopo tre secondi.

[alemoppo]

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!

[albenessereblog]

Come li metto questi codici? Nella pagina ho questo 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 -->

[alemoppo]

Visto che sei su Wordpress non è così immediato modificare <head> della pagina, quindi forse in JS è molto più semplice:

<script>
  setTimeout(() => {
    window.location.href = "https://albenessereblog.altervista.org/";
  }, 3000); // 3 secondi
</script>

Ciao!

[albenessereblog]

Dove lo metto?

[frasidipace]

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

[albenessereblog]

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