barra de ferramentas de formatação

I make a highly opinionated fork here :

It look like this and needs the maths plugin

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

1 curtida

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 curtidas

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.

Estava me perguntando se este plugin está disponível como um Componente de Tema? Obrigado

Existe um componente de tema: https://github.com/iunctis/md-composer-extras

Existem algumas opções diferentes, mas a ideia é mais ou menos a mesma.

Sim, obrigado Steven, mas está me faltando uma opção de colorir texto no componente de tema. Algo que seja mais intuitivo de usar do que BBCode, idealmente com um seletor de cores e texto pré-selecionado.

Não sei se algo assim é viável em um componente de tema, para ser honesto. Existe um branch no componente de tema com uma opção básica de cor bbcode \u003chttps://github.com/iunctis/md-composer-extras/tree/color\u003e

Tenho um conhecimento muito básico em codificação, então não sou eu quem poderia fazer um seletor de cores. Mas ficaria feliz em aceitar um pull request se alguém quiser atualizar o plugin!

Ah, eu realmente gosto de todas essas opções de formatação e uso quase exclusivamente o floatr, aliás :wink:
onde vejo essa opção como citada?
no tema clássico não há opção de css para adicionar ou desabilitar botões
e após a instalação recebi este erro:
/var/discourse# inesperadamente encontrou “! template-lint-disable ~” ao fatiar a origem, mas esperava " template-lint-disable "

Esse erro não vem desse plugin, eu acho. Porque eu também o recebi — ele não quebrou nada, no entanto. Acho que ele vem do núcleo.

Obrigado @Jagster Adicionei este componente de tema

e ‘desinstalei’ o plugin e o erro agora desapareceu, então…

Interessante :thinking: Porque eu não o uso. Pode haver algum outro plugin que use algo semelhante?

Droga… Tenho que ir verificar se esqueci disso depois de tentar - →

E voltei. Eu o tinha, mas está comentado. A segunda reconstrução pode ser a solução aqui?

Essas opções foram excluídas há alguns anos, quebrou com uma versão mais recente do Discourse. Infelizmente, não tenho o conhecimento ou o tempo para reimplantá-las.

Em relação ao seu problema, você precisa escolher entre o plugin ou o componente de tema, caso contrário, ele quebrará, pois eles basicamente compartilham o mesmo código.

Desinstale o componente de tema se quiser experimentar o plugin.

Observe que este plugin ou componente de tema também quebra com plugins como o bbcode oficial do Discourse.

2 curtidas

Talvez/talvez seja hora de mudar a postagem principal informando sobre isso e desativar o link do GitHub? Porque, basicamente, não funciona direito.

Foi uma ótima ideia (obrigado), e gostaria que fosse padrão no Discourse, ou suportado como um add-on.

O plugin funciona, a menção a essas opções foi excluída no OP e adicionei alguns avisos há algum tempo. Não há motivo para editar nada e desativar o plugin no momento.

1 curtida

Incrível plugin de barra de ferramentas! Estava me perguntando se você poderia adicionar bbcode bicolor para cor de fundo?

Outra ideia interessante é o uso de menus suspensos na barra de ferramentas. Isso pode ser útil em dispositivos móveis, por exemplo.

Também estou me perguntando se existe uma lista mestra de bbcodes que seu plugin suporta.

Obrigado

Acho que posso adicionar compatibilidade a ele. A base do código está disponível neste plugin oficial: discourse-bbcode-color/assets/javascripts/lib/discourse-markdown/bbcode-color.js at main · discourse/discourse-bbcode-color · GitHub

Vou pensar sobre isso. Provavelmente não adicionarei um botão :thinking:

Adicionei suporte para estes bbcode:

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

1 curtida

Muito obrigado. Sim, não precisamos realmente de botões para tudo.
:clinking_beer_mugs::smiling_face_with_sunglasses::+1::sparkles: :discourse:

O suporte para o bbcode [bgcolor] foi adicionado

1 curtida

Olá! Se o texto dentro das tags bbcode tiver duas novas linhas em sequência, ou uma nova linha e um retorno de carro em sequência:

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

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

então temos texto simples com as tags [center][/center] em si nas postagens.

Mas desta forma:

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

ou desta forma:

[center]
texto texto
[/center]

o bbcode está corretamente formatado e o texto está centralizado.

Eu pensei que isso era uma restrição do Discourse, mas talvez possamos fazer algo a respeito?

Você habilitou o editor avançado (primeiro botão) e o plugin ainda não é compatível com ele.

Da última vez que verifiquei, ele deveria funcionar com o editor markdown.

2 curtidas