Un utente ha chiesto informazioni su Developing with WordPress di Wordpress

puoi usare additivi di reazione nei tipi di blocchi personalizzati

Un utente ha chiesto 👇

Quindi NPM ha un pacchetto di reazione che desidero essere in grado di utilizzare in un blocco personalizzato che voglio creare.

https://github.com/securingsincity/react-ace

Non sono riuscito a capire come includere questo pacchetto. È possibile includere nei blocchi Gutenberg anche funzionalità di plug-in di reagenti come questo?

Grazie.
-Volere

(@jcastaneda)

TEMA DEL CAFFÈ DELLA SCIMMIA

2 anni fa

Ciao!

Un modo a cui posso pensare è arricchire notevolmente quei file mentre i file ReactJS vengono caricati nell’editor. Vuoi solo caricare l’editor o anche il front-end?

(@willdelphia)

2 anni fa

Voglio solo caricarli nell’editor, come parte dell’output di un array block () di gutenberg (in precedenza).

(@ shazahm1hotmailcom)

2 anni fa

@willdelphia

Dai un’occhiata a questo tutorial su come un altro sviluppatore ha utilizzato la selezione reattiva nel suo Gutenblock.

https://mattwatson.codes/articles/add-select2-as-an-inspectorcontrol-in-wordpress-gutenberg/

Dubito che potresti fare lo stesso con React-Ace.

(@willdelphia)

2 anni fa

@ shazahm1hotmailcom Ritagliare questo articolo sembra esattamente quello che sto cercando. Citano il modulo “Non trovato: Errore: Impossibile risolvere l’errore di” risposta “”. Grazie per il collegamento.

(@ shazahm1hotmailcom)

2 anni fa

@willdelphia

Nessun problema! Spero che tu possa imparare come caricare l’asso di reazione in Gutenberg.

(@willdelphia)

2 anni fa

@ shazahm1hotmailcom quindi dopo aver fatto questo thread ho provato a incollare io stesso il sorgente ace e ho trovato una soluzione che funziona:

https://github.com/willdelphia/good-html-block

Devo ancora provare a capire come includere il plug di reazione poiché penso che potrebbe gestirlo in modo più elegante. Soprattutto perché la mia soluzione richiede l’assegnazione di una chiave casuale a ciascuna istanza del blocco come attributo e quindi l’interrogazione del vero me per quella chiave quando viene stampata per reazione. Uso setTimeout per questo e sembra sbagliato.

Questa risposta è stata modificata 2 anni fa da. Questa risposta è stata modificata 2 anni fa da.

(@willdelphia)

2 anni fa

Aggiornamento: ho scoperto che gutenberg rivela un ID univoco che è già nell’oggetto oggetti di scena, quindi è carino. Ma devo ancora fare affidamento su setTimeout e querySelector per avviare l’editor ace.

(@willdelphia)

2 anni fa

ACE HTML Block

(@ shazahm1hotmailcom)

2 anni fa

@willdelphia

Neat!

RE: Ma devo ancora fare affidamento su setTimeout e querySelector per avviare l’editor di ace.

Sto ancora lottando con Gutenberg, molto, quindi questo potrebbe non essere nemmeno applicabile. Ma invece di usare setTimeout, forse registrare un database e quindi utilizzare un elenco / indirizzo per lo stato di blocco.

O forse, nel tuo componente, usa componentDidMount() per avviare il blocco.

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *