Estou apenas pensando em um novo recurso para excluir facilmente imagens do composer. Muitas vezes acontece que, quando o usuário carrega mais de uma imagem e deseja excluir apenas uma delas, é realmente complicado se o usuário não estiver familiarizado com markdown. Claro que eles tentam, mas o resultado geralmente são alguns links quebrados, etc…
Houve uma modificação com o texto alternativo da imagem que funciona muito bem e é fácil de usar. Ele adiciona a capacidade de editar o texto alternativo no lado da pré-visualização.
Seria incrível colocar um botão de exclusão na imagem no lado da pré-visualização. Talvez um ícone de ou um X no canto da imagem e, ao clicar nesse botão, ele possa direcionar e remover o código markdown real da imagem.
Obrigado Don, parece um botão útil e provavelmente não é muito difícil de adicionar. Marcarei isso como pr-welcome, ficarei feliz em ver isso adicionado.
Estou trabalhando para resolver isso; quase tenho uma prova de conceito funcional.
Tenho apenas uma confusão entre esses dois componentes d-editor.js e composer-editor,js. Minha solução até agora é baseada em ouvir o conteúdo de pré-visualização/html quando atualizado dentro do componente d-editor.js… etc.
Estou na direção certa?
O local mais apropriado para excluir uma imagem seria ao lado dos botões que exibimos ao passar o mouse para redimensionar imagens e adicionar texto alternativo na visualização do composer.
O hook para excluir a marcação da imagem deve ser muito semelhante aos botões de 100%/75%/50%. Você pode ver aqui como o dimensionamento da imagem é feito.
Mover o botão de edição para a esquerda (bônus: menor distância do mouse para a entrada do compositor) e, em seguida, colocar o botão de exclusão à direita… assim, temos alguma distância entre ações inofensivas e perigosas.
Outras melhorias bem-vindas:
tornar o ícone de edição azul como os de 50%, 75%
manter o texto preto, mas torná-lo clicável para a entrada também
quando o editor de título estiver aberto, podemos posicioná-lo para corresponder à linha de base do texto de visualização (então uma camada z acima)? Isso torna as coisas menos instáveis ao clicar:
Então, eles têm seu botão com um monte de opções, o dimensionamento é clicar e arrastar nas alças…
Um pequeno detalhe agradável é que, se você adicionar uma imagem muito pequena para a sobreposição do botão, eles forçam a imagem a uma escala que contém o botão assim que você tenta interagir com ela. Isso evita ter um botão ao passar o mouse que se sobrepõe a qualquer conteúdo circundante.
Agora, voltando aos seus pontos acima; faria sentido assumindo que você quer que o comportamento de transbordo seja o padrão. Caso contrário, para alternativas curtas, o botão de exclusão seria apenas o botão de fechar edição alternativa.
Outra alternativa é apenas mostrar o contêiner alternativo antes dos botões de escala, por exemplo: