Image Annotator - Permite anotar imagens no visualizador

Try click out to done your current edit tool, before save your image.

1 curtida

It seems depends on paragraph/image below current image. If content next to image is null (or heading), it will not able to complete action or replace next image.

1 curtida

Este TC é brilhante - mas notei um erro no console do navegador que parece estar associado a ele:

image

Ainda parece funcionar, então isso não é um grande problema.

Além disso, me pergunto se seria melhor se as opções de cortar e editar se integrassem melhor com a nova funcionalidade de ‘editar o título’, talvez com um ou dois ícones ao lado dessas opções. É um pouco conflitante quando o cursor mostra um conjunto de opções e o clique mostra outro!

\u003e

1 curtida

A edição funciona, mas não salvou e recebi este erro relacionado a CSP:


Mensagem

Violação de CSP: 'eval'

(a=0) => {let b;const c=class{};}

Backtrace

/var/www/discourse/app/controllers/csp_reports_controller.rb:14:in `create'
/var/www/discourse/vendor/bundle/ruby/2.7.0/gems/actionpack-7.0.3/lib/action_controller/metal/basic_implicit_render.rb:6:in `send_action'
/var/www/discourse/vendor/bundle/ruby/2.7.0/gems/actionpack-7.0.3/lib/abstract_controller/base.rb:215:in `process_action'
/var/www/discourse/vendor/bundle/ruby/2.7.0/gems/actionpack-7.0.3/lib/action_controller/metal/rendering.rb:53:in `process_action'
/var/www/discourse/vendor/bundle/ruby/2.7.0/gems/actionpack-7.0.3/lib/abstract_controller/callbacks.rb:234:in `block in process_action'
/var/www/discourse/vendor/bundle/ruby/2.7.0/gems/activesupport-7.0.3/lib/active_support/callbacks.rb:118:in `block in run_callbacks'
/var/www/discourse/app/controllers/application_controller.rb:415:in `block in with_resolved_locale'
/var/www/discourse/vendor/bundle/ruby/2.7.0/gems/i18n-1.10.0/lib/i18n.rb:328:in `with_locale'
/var/www/discourse/app/controllers/application_controller.rb:415:in `with_resolved_locale'
/var/www/discourse/vendor/bundle/ruby/2.7.0/gems/activesupport-7.0.3/lib/active_support/callbacks.rb:127:in `block in run_callbacks'

Tentei no iPad e no iPhone, e estou usando S3 — se algum desses tiver algum papel.

1 curtida

A situação do CSP é solucionável com os novos padrões usados em:

Gostaria de ver um PR que adicionasse isso.

4 curtidas

Olá, componente muito útil. É possível adicionar um corte circular a uma imagem?

2 curtidas

Este é um componente extremamente ótimo para qualquer comunidade!

Atualmente, isso será útil para criar tutoriais de fórum sobre como funcionam!

Muito obrigado por esta ideia verdadeiramente incrível e repleta de recursos!

:vulcan_salute::star_struck::clinking_beer_mugs:

2 curtidas

Você já tentou usá-lo em um celular?

2 curtidas

sim, funciona até certo ponto nos testes.

1 curtida

Que bom. Talvez eu tenha que tentar de novo. Porque no verão passado não funcionou em nenhum produto da Apple ou Android.

1 curtida

O corte e algumas coisas funcionam bem. Descobri que desenhar com a caneta pode não funcionar…

Estou no Android. Cliquei na janela de pré-visualização para clicar na imagem.

1 curtida

Parece que ele comprime a imagem após usar o plugin. Ou mexe na qualidade de alguma forma.

Ele também remove a caixa de luz da imagem que foi editada, acho que esse é o problema. Ela não carregará a imagem completa quando não estiver na caixa de luz.

1 curtida

Então você está me dizendo que partes importantes de uma ferramenta de anotação na verdade não estão funcionando :wink:

2 curtidas

Possivelmente. Pelo menos com desenho.

O complemento de corte adiciona texto, cria quadrados? Parece funcionar, no entanto. Teste muito rápido, como mencionado.

Simples o suficiente para introduzir o recurso em um anúncio detalhando que o celular tem limitações e, para a melhor experiência, use um PC desktop.
:clinking_beer_mugs::wink:

1 curtida

Se você estiver no celular, isso pode ser uma limitação devido ao tamanho da imagem.

1 curtida

Remove a função de lightbox após usar a edição.
Possível devido ao uso em dispositivos móveis também.

2 curtidas

bom saber definitivamente preciso de mais testes e, se necessário, declarar apenas para desktop, mantendo a disponibilidade móvel em silêncio para não funcionários. Talvez.

Obrigado por fornecer feedback de teste.

1 curtida

Fiz um teste rápido e breve. Ele muda a escala de uma imagem incorretamente, na janela de edição de qualquer forma, mas pude fazer todas as anotações que queria — não tentei cortar. Mas… ele salvou apenas minhas edições e a imagem em si foi perdida.

Portanto, ainda considero este um componente quebrado.

Claro, talvez essa imagem fosse muito grande e talvez a CDN via S3 tenha sido o problema, mas de qualquer forma — se essas limitações forem verdadeiras, então isso é… muito limitado.

Mas sejamos diretos. Isso é o mesmo que gravação básica de áudio e vídeo. Apenas desktops limitados precisam de tais ferramentas porque todos os celulares podem fazer tudo nativamente.

Então, talvez isso deva ser marcado como #desktop-only?

2 curtidas

Possibilidade muito boa. Ainda não testei isso em um desktop. Presumo que funcione bem como pretendido?

1 curtida

Eu também não. Estou usando o desktop tão raramente hoje em dia porque o único trabalho para o qual preciso dele é edição de áudio. Tenho que tentar em algum momento em breve.

2 curtidas