Copia di un contenuto con icona di copia

Quando si crea una pagina con il plugin Custom Wizards, voglio copiare l’output delle variabili che il plugin mi fornisce. Possiamo quindi considerarlo come un’area selezionata casualmente nel contenuto del messaggio. Posso assegnare un selettore css personalizzato al contenuto da copiare.

https://github.com/keegangeorge/discourse-copy-post/blob/main/javascripts/discourse/widgets/copy-widget.js

  click(attrs) {
    const copyButton = attrs.currentTarget.activeElement;
    const rawCooked = this.attrs.attrs.cooked;
    const cookedText = this.attrs.attrs.cooked.replace(/<p>(.*)<\/p>/g, "$1\n");
    let postContents = cookedText.replace(/<[^>]*>/gi, "");

    if (settings.copy_raw_html) {
      postContents = rawCooked;
    }

const rawCooked = this.attrs.attrs.cooked;

Il selettore è qui. Voglio puntare all’ultimo tag p o al penultimo tag p nel div cooked invece che all’intero cooked. Voglio puntarli separatamente se possibile e posizionare le icone di copia proprio accanto ai paragrafi.