Salut, au lieu d’imprimer une donnée que le plugin me fournit via un formulaire, je souhaite permettre aux utilisateurs de copier ce contenu lorsqu’ils le souhaitent en cliquant sur une icône « copier ».
J’ai remarqué que Discourse a introduit cette fonctionnalité pour les blocs de code, mais elle ne fonctionne qu’à l’intérieur de ces blocs. Comment puis-je l’utiliser ailleurs comme je le souhaite ?
Merci,
Peut-être que ce Theme component est ce que vous cherchez 📄 Copy Post Component
Vous pouvez copier un post entier avec.
Je veux l’utiliser pour les données du plugin Custom Wizard, ce qui signifie que je veux activer la copie d’une phrase spécifique. Je pense que le composant de thème ne fournit pas cela. Mais, pourrais-je y parvenir en personnalisant ?
Vous avez raison, le composant copie tout le contenu du message. Cela semble tout à fait personnalisable. Pouvez-vous partager un exemple visuel de ce que vous attendez ? Je n’ai jamais utilisé ce plugin, donc j’ignore à quelle étape ou dans quel contexte vous souhaitez cette personnalisation.
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.
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.