Vou tentar isso! Obrigado!! Eu olhei para vários componentes de estilização de tags e parecia complicado ter que instalar vários, então vou testar o seu da próxima vez que eu for trabalhar na minha configuração!
Acabei de testar rapidamente. Dois comentários de “novato”:
Fico um pouco perdido nas coisas do FontAwesome. São apenas os gratuitos? Qual versão? Existe uma lista de todos os ícones em algum lugar (ou é muito longa para isso)?
cor: quão complicado seria fornecer um seletor de cores, para pessoas que não são fluentes em RGB?
Não se preocupe em se perder, feliz em ajudar da maneira que puder, afinal é para isso que o Discourse serve, certo?
Font Awesome
O componente deve suportar automaticamente qualquer ícone do Font Awesome da versão atual que está na versão atual do Discourse. Eu acredito que eles atualmente suportam a v6. Você pode encontrar todos eles aqui Font Awesome.
Para a segunda parte da pergunta, sim, é gratuito, existe uma versão premium, mas não tenho certeza de como isso funciona com o Discourse, já que o Font Awesome já está incluído no núcleo.
Seletor de Cores
Posso dar uma olhada e ver se consigo implementar um, mas como é um componente de tema, não tenho certeza do quanto posso fazer antes que se torne necessário ser um plugin. Você pode usar esta ferramenta útil, no entanto, você clica na área “Use HTML 5” onde a cor está, e para este componente, você quer usar a cor hex. HTML Color Picker
Bem, fiz algum progresso. Ainda preciso fazer algumas coisas para arrumar antes de enviar, como a lógica de inserção não funciona (copiar funciona), e o botão está visível em todo o site, e mais notavelmente, como você pode ver, está no canto inferior.
Eu também descobri como aplicar a todas as tags de um grupo de tags.
O construtor é muito bom! Consegui usá-lo para algumas tags para começar e, em seguida, quando cliquei no visto verde para salvar minhas configurações, o Construtor de Estilo de Tag desapareceu.
Se eu atualizar, o botão aparece por um breve momento antes de desaparecer novamente.
Também não consigo fazer com que um dos ícones (cadeado com buraco de fechadura, por exemplo) apareça na tag, apesar de ser sugerido pelo construtor. Eu o adicionei à lista de ícones SVG também, salvei, e ainda nada.
Isto está muito perto de ser uma alegria de usar, obrigado pelos esforços. Eu adoraria ver isso substituir permanentemente vários outros componentes de tema para mim.
Fiz tudo isso entre 1h e 2h da manhã e publiquei às 6h, então me perdoem pelos pequenos soluços.
Consigo reproduzir o desaparecimento do botão, essa coisa é teimosa. Eu consegui consertar, eu acho.
Eu suponho que esqueci de algo sobre os Ícones do Font Awesome. Você precisa ir nas configurações do seu site e ir em SVG Subset (Subconjunto SVG) e adicioná-lo manualmente. Se o Discourse ainda não o estiver usando, ele não será renderizado por padrão. Embora, mesmo fazendo isso, eu ainda tive um problema com ele não renderizar. Vou investigar isso melhor.
Então, eu tive que deletar o componente e reinstalar (ambas as vezes) para o botão do construtor aparecer para começar.
Com a versão mais recente, consigo fazer o botão persistir através da configuração inicial das minhas tags. E consigo fazê-lo persistir através de uma atualização. Mas ao voltar para a tela de edição do componente em Temas e Componentes, o botão some novamente. Inseto sorrateiro.
Vou mexer na parte dos ícones. Como há uma maneira de desativar os ícones padrão, haveria uma maneira de descartar o ícone da tag para tags coloridas? Tipo, se corresponder ao conjunto de ícones padrão ou algo assim? O componente de tags coloridas era bom por não precisar definir um ícone, eu gostava da aparência limpa dele, e replicar isso seria um recurso útil para mim.
Estou tentando algumas coisas, enviei a você meu pacote beta mais recente, sinta-se à vontade para me avisar se tiver algum problema com ele, pois é a base de código na qual estou trabalhando.
Deve corrigir algumas dessas coisas. Adicionei uma lista de tarefas para usar substituições, por exemplo, Tag1,Lápis,SemCor renderizaria apenas Tag1,Lápis, <Cor se o padrão for usado, Padrão Verdadeiro ou Falso usado, caso contrário, nenhuma cor aplicada>.
um cenário de “e se” se você quiser apenas a cor e não o ícone.
descobri como aplicar a todas as tags de um grupo de tags.
Eu publiquei, me avisem se tiverem problemas.