Barra de herramientas de formato

I make a highly opinionated fork here :

https://github.com/linuxuser-gr/discourse-formatting-toolbar

It look like this and needs the maths plugin

Is there a way to move some buttons to the cog menu ;

1 me gusta

The way to code the buttons in the cog menu is a bit different, you can take inspiration in my theme component : https://github.com/iunctis/md-composer-extras/blob/master/desktop/head_tag.html

Here is a button in the toolbar

api.onToolbarCreate(toolbar => {
    toolbar.addButton({
        id: "align_justify_button",
        group: "extras",
        icon: "align-justify",
        perform: e => e.applySurround('[wrap="justify"]\n', '\n[/wrap]', 'align_justify_text')
    });
});

Here is a button in the menu

api.addToolbarPopupMenuOptionsCallback(() => {
  return {
      action: "columns",
      icon: "columns",
      label: "columns_button"
  };
});

api.modifyClass("controller:composer", {
  actions: {
       columns() {
	  this.get("toolbarEvent").applySurround('[wrap="columns"]\n', '\n[/wrap]', "columns_text");
	}
  }
});
3 Me gusta

Yeah, TinyMCE WYSIWYG Editor is good option to work with. There are few other good providers as well. But I myself is familar to something old style of Wordpress, that’s why I would like to choose it.

Me preguntaba si este plugin está disponible como Componente de Tema. Gracias.

Hay un componente de tema: https://github.com/iunctis/md-composer-extras

Hay algunas opciones diferentes, pero es más o menos la misma idea.

Sí, gracias Steven, pero me falta una opción de color para el texto en el componente de tema. Algo que sea más intuitivo de usar que BBCode, idealmente con un selector de color y texto preseleccionado.

Para ser sincero, no sé si algo así es factible en un componente temático. Hay una rama en el componente temático con una opción básica de color bbcode \u003chttps://github.com/iunctis/md-composer-extras/tree/color\u003e.

Tengo conocimientos muy básicos de programación, así que no soy yo quien podría hacer un selector de color. ¡Pero aceptaría con gusto una pull request si alguien quiere mejorar el plugin!

Oh, me gustan mucho todas estas opciones de formato y, por cierto, uso floatr casi exclusivamente :wink:
¿Dónde veo esta opción como se cita?
En el tema clásico no hay opción de CSS para añadir o deshabilitar botones
y después de instalar me apareció este error:
/var/discourse# found unexpectedly “! template-lint-disable ~” when slicing source, but expected " template-lint-disable "

Ese error no proviene de ese plugin, supongo. Porque yo también lo tuve — aunque no rompió nada. Creo que proviene del núcleo.

Gracias @Jagster Añadí este componente temático

y ‘desinstalé’ el plugin y el error ahora ha desaparecido, así que…

Interesante :thinking: Porque no lo uso. ¿Puede haber algún otro plugin que use algo similar?

Maldición… Tengo que ir a comprobar si lo he olvidado después de que lo intenté →

Y de vuelta. Lo he tenido pero está comentado. ¿Puede el segundo reconstruir ser el truco aquí?

Estas opciones se eliminaron hace unos años, se rompió con una versión más reciente de Discourse. Lamentablemente, no tengo los conocimientos ni el tiempo para reimplantarlas.

Con respecto a tu problema, debes elegir entre el plugin o el componente temático, o se romperá, básicamente comparten el mismo código.

Desinstala el componente temático si quieres probar el plugin.

Ten en cuenta que este plugin o componente temático también se rompe con plugins como el bbcode oficial de Discourse.

2 Me gusta

¿Quizás/tal vez sea hora de cambiar la publicación principal que informa sobre eso y deshabilitar el enlace de GitHub? Porque básicamente no funciona bien.

Fue una gran idea (gracias), y desearía que fuera estándar en Discourse, o que se admitiera como un complemento.

El plugin funciona, la mención de estas opciones fue eliminada en el OP y he añadido algunas advertencias hace un tiempo. No hay razón para editar nada y desactivar el plugin en este momento.

1 me gusta

¡Impresionante plugin de barra de herramientas! Me preguntaba si podrías añadir bbcode bicolor para el color de fondo.

Otra idea interesante es el uso de menús desplegables en la barra de herramientas. Esto podría ser útil en dispositivos móviles, por ejemplo.

También me preguntaba si hay una lista maestra de los bbcode que tu plugin soporta.

Gracias.

Supongo que puedo añadirle compatibilidad. La base del código está disponible en este plugin oficial: discourse-bbcode-color/assets/javascripts/lib/discourse-markdown/bbcode-color.js at main · discourse/discourse-bbcode-color · GitHub

Lo pensaré. Probablemente no añadiré un botón :thinking:

He añadido soporte para estos bbcode:

color=
size=
small
floatl
floatr
floatc
left
center
right
justify

1 me gusta

Muchas gracias. Sí, realmente no necesitamos botones para todo.
:clinking_beer_mugs::smiling_face_with_sunglasses::+1::sparkles: :discourse:

Se ha añadido el soporte para el bbcode [bgcolor]

1 me gusta

Hola! Si el texto dentro de las etiquetas bbcode tiene dos saltos de línea seguidos, o un salto de línea y un retorno de carro seguidos:

[center]
texto "\n\n" texto
[/center]

[center]
texto "\r\n" texto
[/center]

entonces tenemos texto plano con las etiquetas [center][/center] en las publicaciones.

Pero de esta manera:

[center]
texto "\n" texto
[/center]

o de esta manera:

[center]
texto texto
[/center]

el bbcode está correctamente envuelto y tengo el texto centrado.

Pensé que esto era una restricción de Discourse, pero ¿quizás podemos hacer algo al respecto?

Has habilitado el editor enriquecido (primer botón) y el plugin aún no es compatible con él.

La última vez que lo comprobé, debería funcionar con el editor de Markdown.

2 Me gusta