Formularios de marcador de posición

Componente temático
,
46

Hola :wave:

Gracias por este componente :heart: Encaja perfectamente con lo que intento lograr ahora. De hecho, mi primer pensamiento fue que sería genial si se pudiera combinar con el componente Reply Template. Pero desafortunadamente no es posible, como explicaron las publicaciones anteriores. :confused:

He encontrado una solución para usarlo como plantilla, funciona con enlace a nuevos temas y enlace a nuevos mensajes personales.

Así es como lo hice:

  1. Cree un formulario de marcador de posición (para simplificar, uso el ejemplo en OP)

Tu correo electrónico: =NAME=-=COUNTRY=@example.com

  1. Cree un enlace a un nuevo tema:
    Configuré en el enlace:
  2. categoría
  3. título
  4. cuerpo

Si desea agregar líneas vacías, use \ para que no rompa el enlace o para hacerlo invisible, puede usar   que agregará un espacio en la nueva línea. Será parte de la plantilla y creará una línea vacía,

<a href="https://meta.discourse.org/new-topic?category==CATEGORY=&title=This is a topic created by =NAME=&body=Hello :wave:
&nbsp;
This is a test topic... Let's see the placeholder form.
\
Your email: =NAME=-=COUNTRY=@example.com">Use template as new topic</a>
  1. Cree una vista previa del tema

Categoría seleccionada

=CATEGORY=

Título del tema

This is a topic created by =NAME=

Cuerpo del tema

Hello :wave:

This is a test topic… Let’s see the placeholder form.

Your email: =NAME=-=COUNTRY=@example.com

  1. Cree el botón “Usar plantilla como nuevo tema” (en el ejemplo anterior, este es un enlace, puede convertirlo en un botón)

Haga un elemento [wrap] con este texto. Esto lo hace disponible para apuntarlo con CSS y estilizarlo. Lo agrego a continuación.

<a href="https://meta.discourse.org/new-topic?category==CATEGORY=&title=This is a topic created by =NAME=&body=Hello :wave:
&nbsp;
This is a test topic... Let's see the placeholder form.
\
Your email: =NAME=-=COUNTRY=@example.com">[wrap=template-button]Use template as new topic[/wrap]</a>

Estilizando [wrap=template-button]
algo como :arrow_down_small:

Common / CSS

[data-wrap="template-button"] {
  background: var(--tertiary);
  color: var(--secondary);
  border-radius: var(--d-button-border-radius);
  padding: 0.5em 0.65em;
  transition: background 0.25s;
  &:focus,
  &:hover {
    background: var(--tertiary-hover);
    color: var(--secondary);
  }
}

El botón de plantilla se verá así :arrow_down_small:

template-button

Demo

Use template as new topic

Espero que este pequeño tutorial ayude a alguien que necesite algo similar :slightly_smiling_face:

Editar: He configurado un selector de categorías que agrega la capacidad de crear temas en diferentes categorías.

Ver la versión sin formato de esta publicación…

8 Me gusta