Idea: Paste links in the editor

Hey guys. If any of you uses WordPress, will know what I’m talking about. For others… I’ll explain.

So, in the WordPress editor, if you select a text and you press CTRL+V, it will do one of the following:

  • if the clipboard content is a valid url, it will insert the link with the selected text as anchor;
  • if the clipboard content is not a valid url, it will just overwrite the selected text.

I think it would be nice to just skip few steps (CTRL+K + CTRL+V + enter).

Any chance that this would be implemented on Discourse? :slight_smile:

(also, what’s up with the undo? it’s simply broken if you use any toolbar/shortcut)

4개의 좋아요

Er… what? That sounds confusing. I’m confused! What would that do?

Alright, so I’ve made a short video:

Obviously enough, this should insert markdown instead.

5개의 좋아요

이 부분은 워드프레스에서도 정말 좋아하는 기능이고, 디스코urs에서는 매일 아쉬움을 느끼는 부분입니다. 대량의 텍스트를 작성한 후 하이퍼링크를 매우 빠르고 자연스럽게 추가할 수 있기 때문입니다.

2개의 좋아요

확실하지 않아요. @eviltrout, 이건 의도치 않은 결과일 수 있어요. 그리고 이미 하이퍼링크 삽입 툴바 버튼이 있거든요.

1개의 좋아요

링크 버튼의 흐름은 다음과 같습니다:

  1. 텍스트 선택
  2. 버튼 클릭 (또는 ctrl+k 누름)
  3. 링크 붙여넣기
  4. 확인 클릭 (또는 enter 누름)

제가 제안한 기능은 텍스트 선택 후 바로 붙여넣기만 하면 되므로, 전체 과정을 절반으로 줄여줍니다. 텍스트가 선택되지 않은 경우, 붙여넣기는 평소와 동일하게 동작합니다(즉, 클립보드 텍스트만 삽입됨).

3개의 좋아요

제가 아는 모든 에디터에서 텍스트를 선택한 후 클립보드에서 붙여넣기 하면, 해당 텍스트는 클립보드 내용이 덮어쓰기됩니다. 말씀하시는 방식은 클립보드 내용으로 텍스트 교체라는 기존 기능을 없애버리는 셈입니다.

  • 텍스트를 선택하지 않고 클립보드에서 붙여넣는 것은 단순한 붙여넣기(PASTE) 동작입니다.
  • 텍스트를 선택한 후 클립보드에서 붙여넣는 것은 클립보드 내용으로 텍스트 교체(REPLACE TEXT)하는 동작입니다.

하이퍼링크 삽입 - 이미 제공된 버튼을 사용하여 - 텍스트를 먼저 선택한 후 링크를 삽입하는 가장 쉬운 방법입니다.
텍스트 없이 하이퍼링크 삽입을 하려면 버튼을 클릭하고 링크를 붙여넣은 후 확인을 클릭하거나 엔터 키를 누르거나, 빈 공간에 링크를 직접 입력하거나 붙여넣으면 됩니다.

모든 텍스트 에디터에 공통적인 범용 선택 및 텍스트 교체 기능을, 기존 버튼이 이미 수행하는 기능으로 바꾸면서 그 기능을 잃어버리고 싶어 하는 이유가 무엇인지 이해가 되지 않습니다. 선택 및 교체 기능을 잃어버리면 다른 텍스트로 텍스트를 교체하고 싶을 때 어떻게 되나요?

Wordpress에서는 텍스트가 클립보드 내용으로 교체되는지, 아니면 단순한 선택 및 붙여넣기로 기존 텍스트를 덮어쓰지 않고 하이퍼링크를 삽입하는지를 무엇이 결정합니까? 단순히 텍스트를 강조하고 붙여넣기를 클릭하는 것으로 두 기능을 모두 수행하거나, 한 기능을 수행하면서 다른 기능을 잃지 않는 것은 불가능할 것입니다.

아니면 제가 무언가를 놓치고 있는 건가요?

이미 Discourse에서는 URL을 입력하거나 붙여넣기만 해도 링크 삽입 기능을 사용하지 않아도 클릭 가능한 링크로 변환됩니다. 또한 Onebox 기능이 있고, 이미 링크 삽입 버튼도 있습니다.

붙여넣기(Paste)는 텍스트를 삽입합니다.
선택 후 붙여넣기는 텍스트를 교체합니다.
선택 후 삭제/백스페이스는 텍스트를 삭제합니다.

이것들은 모든 텍스트 에디터의 공통 기능입니다.

2개의 좋아요

클립보드 내용과 에디터 상태의 조합입니다:

  • 클립보드 내용이 유효한 URL이 아닌 경우: 붙여넣기는 말씀하신 대로 동작합니다(선택된 텍스트가 있으면 교체하고, 없으면 커서 위치에 추가)
  • 클립보드 내용이 URL인 경우:
    • 텍스트가 선택되지 않은 경우: URL이 커서 위치에 삽입됩니다
    • 텍스트가 선택된 경우: 해당 텍스트를 앵커 텍스트로 사용합니다.

다른 에디터에서는 제대로 동작하지 않는 몇 가지 문제점(cough, cough)이 있다는 점을 고려하면, 사용자에게 큰 문제가 되지는 않을 것이라고 확신합니다 :slight_smile:

1개의 좋아요

반대하는 건 아니지만, 다른 사람이 그걸 요청한 건 본 적이 없어요. 꽤 니치한 것 같아요.

4개의 좋아요

솔직히 실제로 써보기 전까지는 필요성을 느끼지 못하는 것 중 하나인 것 같습니다.

(플러그인이나 그 비슷한 걸로 직접 만들어보고 싶긴 한데, 어째서인지 Windows에서 discourse docker 개발 환경을 시작할 수가 없네요)

4개의 좋아요

여기서는 WSL-2와 공식 docker 설정을 강력히 권장합니다. 윈도우에서 시작하는 가장 쉬운 방법입니다.

또한 … 전체 개발 환경이 필요하지도 않습니다. theme creator에서 실험해 볼 수 있으며, 이는 테마 컴포넌트로 빌드할 수 있습니다.

2개의 좋아요

그동안 제가 어디서 실수를 했는지 알아냈어요 (다른 분들이 같은 실수를 반복하지 않도록 게시글도 업데이트했습니다). 이제 실행은 되지만, 시간이 여유롭지 않아요. 가까운 미래에 다시 시도해볼지도 모릅니다 :slight_smile:

1개의 좋아요

워드프레스나 다른 도구에서 이런 기능을 지원한다는 사실조차 몰랐기 때문에 요청해 볼 생각조차 하지 못했습니다. 하지만 있으면 편리할 것 같고, 큰 혼란을 일으킬 가능성도 낮을 것 같습니다(텍스트를 URL로 덮어쓰려고 해본 적이 없으며, 만약 그렇게 한다면 무슨 일이 일어나는지 이해할 수 있을 것입니다).

3개의 좋아요

솔직히 워드프레스에서 이 기능은 정말 사랑스러운 기능이에요. 하이퍼텍스트는 웹의 근본적인 개념이자 훌륭한 것이죠. 하지만 과거로 돌아가서 게시물에 링크 10개를 수동으로 추가하는 일은 복사해서 붙여넣을 수 없다면 정말 짜증나는 일이에요. 그래서 워드프레스를 쓸 때만 예외고, 보통은 그런 수고를 하지 않아요. 링크를 붙여넣으면 링크가 만들어지는 것은 당연한 일이므로, 이게 놀라운 일이 아니어야 해요.

1개의 좋아요

방금 Zettlr 에디터에서 이 기능을 시도해 보았는데, WordPress의 붙여넣기 시 링크 생성 기능은 없지만, Ctrl+K 키에 유사한 동작이 있습니다. 클립보드에 URL이 있는 상태에서 ..

  • 텍스트 선택
  • Ctrl+K 누르기

.. 이렇게 하면 끝입니다. 텍스트가 링크로 변환됩니다. 또는 마우스 오른쪽 버튼을 클릭하여 링크를 추가할 수도 있습니다. Discourse에서는 다음과 같은 단계를 거쳐야 합니다:

  • 텍스트 선택
  • Ctrl+K 누르기
  • Ctrl+V 누르기
  • Enter 누르기

이것은 텍스트 마크업 작업의 흐름을 정말 깨뜨립니다.

브라우저 보안 정책이 Ctrl+K를 통한 붙여넣기를 허용하는지 확실하지 않지만, 저는 WordPress의 동작 방식이 완벽하다고 생각합니다.

수정 Slack도 WordPress와 동일한 붙여넣기 시 링크 생성 동작을 가지고 있다는 것을 알아차렸는데, 이는 이 기능을 채택해야 할 또 다른 널리 사용되는 UI입니다.

3개의 좋아요

이 문제를 위한 PR을 UX: pasting links on a selection will apply a link format - Pull Request #15010%EC%97%90 - discourse/discourse - GitHub 추가했습니다.

23개의 좋아요

오, 와! 다시 오신 걸 환영하고 감사드립니다! 꽤 오랜만이네요!

6개의 좋아요

저는 워드프레스에서 이 방법을 항상 사용하고 있습니다. 먼저 문장 전체, 때로는 단락 전체를 작성한 후, 두 번째로 단어나 구를 링크로 변환하는 작업을 수행합니다.

2개의 좋아요

저도 마찬가지입니다. 콘텐츠를 만드는 것이 훨씬 더 쉬워졌습니다.

WordPress 같은 CMS가 포럼과는 약간 다르다는 점은 알지만, 컴퓨터와 태블릿, 스마트폰의 경계가 사라지듯 그 경계도 점점 흐려지고 있습니다.

제게는 이 질문이 꽤나 명확합니다. 결국 UX와 사용 편의성의 문제인데, 개발자들이 다른 시각을 갖고 있다면 그럴 수도 있겠죠.

분위기를 해치려는 건 아니지만, 가끔 개발자들이 최종 사용자를 잊고 자기들이 익숙한 방식대로 일을 진행하곤 하잖아요 :wink:

1개의 좋아요

이제 병합되었습니다!

  • URL을 잘라내기
  • Discourse 작성기에서 단어를 선택
  • URL을 붙여넣기
  • 단어가 링크가 됩니다… 마법 :woman_mage: :mage:

@gwwar 님께 큰 감사를 드립니다. gwwar ← @gwwar 님의 붙여넣기 트릭을 이용해 쉽게 만들었습니다!

이 기능이 꽤 멋지다고 생각합니다. 존재하는지 알아내기는 정말 어렵지만, 이제 존재한다는 걸 알았으니 가끔 이 트릭을 사용하게 될 것입니다.

21개의 좋아요