Melhor forma de colar texto e imagens estilizados no composer do Discourse

Frequentemente, rascunho conteúdo para postar no Discourse no Google Docs. (Não mensagens simples, obviamente, mas anúncios mais formais e semelhantes, onde a edição colaborativa é essencial.) Até segunda-feira, eu podia selecionar tudo em um Google Doc e colar no Discourse e obter formatação de texto semântica (além de estilos de caracteres em negrito e itálico) e imagens. As imagens vieram porque o Google Docs as colocou na área de transferência do macOS como URLs, e o Discourse ficou feliz em ingeri-las.

No entanto, o Google mudou as coisas muito recentemente, de modo que copiar do Google Docs aparentemente codifica as imagens como Base64 em vez disso. (Estou baseando essa suposição na ferramenta do MailChimp para ingerir texto formatado, que costumava funcionar bem quando havia URLs, mas começou a descartar as imagens Base64 na segunda-feira.) Independentemente do que realmente está acontecendo nos bastidores, copiar e colar do Google Docs não traz mais imagens, apenas o texto formatado. As imagens são substituídas por [image].

Obviamente, é possível colar uma imagem da área de transferência do macOS em uma janela de composição do Discourse, então minha pergunta é se há alguma maneira de o Discourse aceitar uma combinação de texto e imagens de uma vez, o que é muito mais fácil do que ter que colar o texto e, em seguida, inserir as imagens uma por uma. Fiz alguns testes copiando texto e imagens de vários aplicativos Mac para ver se eles colocavam dados na área de transferência de forma diferente, mas nada funcionou — ou eu obtinha [image] ou nada, exceto uma vez quando obtive uma pequena tag Arc 2023-05-03 at 15.28.15@2x.

Existe alguma informação sobre que tipo de dados o Discourse pode aceitar da área de transferência do macOS e em quais combinações?

2 curtidas

Olá Adam :wave:

Se você estiver falando especificamente sobre o Google Docs, não é possível, até onde sabemos, desde a alteração deles:

Não sei se seria possível para o Discourse colar imagens Base64 como imagens normais em uma postagem. Isso pode valer uma postagem em Feature, eu acho.

Como um exemplo prático, se tivermos um Google Doc (Test Discourse base64 image - Google Docs) e copiarmos tudo, aqui está o conteúdo da área de transferência do Windows 11 de acordo com o Clipview (Windows clipboard raw viewer)

Version:0.9
StartHTML:0000000105
EndHTML:0000001659
StartFragment:0000000141
EndFragment:0000001623

<html>
  <body>
    <!--StartFragment-->
    <meta charset="utf-8">
    <b style="font-weight:normal;" id="docs-internal-guid-86b76b06-7fff-94b7-4ff6-2d981c2951e9">
      <p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;">
        <span style="font-size:11pt;font-family:Arial;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">teste</span>
      </p>
      <p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;">
        <span style="font-size:11pt;font-family:Arial;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">
          <span style="border:none;display:inline-block;overflow:hidden;width:10px;height:10px;">
            <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAExJREFUKFNj/M/A8J+BCMAIU8j4Abvq/wIQcbBCkCKQALpimBiYhikE6UJWjMFGVghTDLYKySkYJhKtkCirifIMupuQAwoleIgIbwYADG839985eBAAAAAASUVORK5CYII=" width="10" height="10" style="margin-left:0px;margin-top:0px;">
          </span>
        </span>
      </p>
      <p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;">
        <span style="font-size:11pt;font-family:Arial;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">img</span>
      </p>
    </b>
    <br class="Apple-interchange-newline">
    <!--EndFragment-->
  </body>
</html>

Obrigado — responderei lá sobre Pages e Word, que também não funcionam para colar texto e imagens.

Minha pergunta para este tópico é quais conteúdos da área de transferência o Discourse pode aceitar? Parece que ele consegue aceitar imagens sozinhas e código HTML, desde que as imagens estejam vinculadas e não incorporadas.

Você conhece um equivalente ao Clipview para Mac para que eu possa investigar o que diferentes aplicativos colocam na área de transferência?

Estou tentando Clipboard Viewer for Mac OS X e parece que funciona.

Aqui com a cópia do conteúdo do meu documento do Google:

1 curtida

Alternativamente, você tem este site útil:

2 curtidas