Hola, en lugar de imprimir un dato que me proporciona el plugin a través de un formulario, quiero permitir que los usuarios copien este contenido cuando deseen haciendo clic en un icono de ‘copiar’.
Noté que Discourse ha introducido esta función para los bloques de código, pero solo funciona dentro de estos bloques. ¿Cómo puedo usarla en otros lugares como deseo?
Gracias,
Quizás este Theme component sea lo que estás buscando 📄 Copy Post Component
Puedes copiar una publicación completa con él
Quiero usarlo para datos del plugin Custom Wizard, lo que significa que quiero habilitar la copia de una frase específica. Creo que el componente del tema no proporciona esto. Pero, ¿podría lograrlo personalizándolo?
Tienes razón, el componente copia todo el contenido de la publicación. Esto parece factible de personalizar, sin duda. ¿Puedes compartir un ejemplo visual de lo que esperas? Nunca he usado este plugin, así que no estoy seguro en qué paso o contexto quieres esa personalización.
Al crear una página con el plugin Custom Wizards, quiero copiar la salida de las variables que me proporciona el plugin. Así que podemos pensar en ello como un área seleccionada aleatoriamente en el contenido del mensaje. Puedo asignar un selector CSS personalizado al contenido que se va a copiar.
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;
El selector está aquí. Quiero apuntar a la última etiqueta p o a la penúltima etiqueta p en el div cocido en lugar de a todo el cocido. Quiero apuntarlos por separado si es posible y colocar los iconos de copia justo al lado de los párrafos.