Discourse 작성기에 스타일 지정된 텍스트와 이미지를 붙여넣는 최선의 방법

지원
1

저는 주로 Google Docs에서 Discourse에 게시할 콘텐츠를 작성합니다. (물론 단순한 메시지가 아니라, 공동 편집이 필수적인 보다 격식 있는 공지 사항 같은 것입니다.) 월요일까지는 Google Docs에서 전체 선택 후 Discourse에 붙여넣으면 텍스트의 의미론적 서식(굵게와 기울임 문자 스타일을 제외하고)과 이미지가 함께 가져와졌습니다. 이미지가 가져와진 이유는 Google Docs가 이미지를 macOS 클립보드에 URL로 저장했고, Discourse가 이를 받아들이기 때문이었습니다.

그러나 Google이 최근 변경 사항을 적용하면서 Google Docs에서 복사하면 이미지가 Base64로 인코딩되는 것으로 보입니다. (이 추측은 서식 지정된 텍스트를 가져오는 MailChimp 도구를 근거로 한 것입니다. 이 도구는 URL이 있을 때 잘 작동했지만, 월요일부터 Base64 이미지를 거부하기 시작했습니다.) 실제로 백엔드에서 어떤 일이 일어나고 있는지와 무관하게, Google Docs에서 복사하여 붙여넣으면 더 이상 이미지가 가져와지지 않고 서식 지정된 텍스트만 가져와집니다. 이미지는 [image]로 대체됩니다.

물론 macOS 클립보드에서 이미지를 Discourse 작성기 창에 붙여넣을 수는 있으므로, 텍스트와 이미지를 한 번에 모두 받아들이는 방법이 있는지 문의드립니다. 텍스트를 붙여넣은 뒤 이미지를 하나씩 삽입하는 것보다 훨씬 쉽기 때문입니다. Mac의 다양한 앱에서 텍스트와 이미지를 복사하여 클립보드에 데이터를 다르게 저장하는지 테스트해 보았지만, 아무것도 작동하지 않았습니다. 한 번은 ![Arc 2023-05-03 at 15.28.15@2x|64x58](upload://4TdRpLGuUF3SV5CowU7ccPwTVlT.png) 태그가 나왔을 뿐, 나머지는 [image]가 나오거나 아무것도 나오지 않았습니다.

Discourse가 macOS 클립보드에서 어떤 종류의 데이터를 어떤 조합으로 받아들일 수 있는지에 대한 정보가 있을까요?

2

안녕하세요 Adam :wave:

구체적으로 Google Docs에 대해 말씀하시는 것이라면, 해당 변경 사항 이후로 가능한지 저희가 아는 바로는 불가능합니다:

Discourse가 Base64 이미지를 게시물의 일반 이미지로 붙여넣을 수 있도록 하는 것이 가능한지 모르겠습니다. 아마 #contribute:feature에 게시물을 올리는 것이 가치가 있을 것 같습니다.

실용적인 예로, Google Doc(Test Discourse base64 image - Google Docs)이 있고 이를 모두 복사하면, Clipview(Windows clipboard raw viewer)에 따르면 Windows 11 클립보드 내용은 다음과 같습니다.

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;">test</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>
4

감사합니다. 텍스트와 이미지를 붙여넣는 데도 작동하지 않는 Pages와 Word에 대해서는 해당 토픽에서 답변을 남기겠습니다.

이 주제에 대해 제가 궁금한 것은 Discourse가 클립보드에서 어떤 내용을 받아들일 수 있는가 하는 것입니다. 이미지가 링크되어 있고 임베드되지 않은 한, 이미지 자체와 HTML 코드를 처리할 수 있는 것 같습니다.

Clipview의 Mac 버전이 있는지 아시나요? 다른 앱들이 클립보드에 어떤 내용을 넣는지 조사해 보고 싶습니다.

5

Clipboard Viewer for Mac OS X 을 시도해 보고 있는데, 원하는 기능을 수행하는 것 같습니다.

구글 문서 내용을 복사한 결과입니다:

image
image1222×982 199 KB

6

또는 다음 편리한 웹사이트를 사용할 수 있습니다: