Copier un contenu avec une icône de copie

Lorsque vous créez une page avec le plugin Custom Wizards, je veux copier la sortie des variables que le plugin me donne. Nous pouvons donc y penser comme une zone sélectionnée aléatoirement dans le contenu du message. Je peux attribuer un sélecteur CSS personnalisé au contenu à copier.

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;

Le sélecteur est ici. Je veux cibler la dernière balise p ou l’avant-dernière balise p dans la div cooked au lieu de la div entière. Je veux les cibler séparément si possible et placer les icônes de copie juste à côté des paragraphes.