# 텍스트 에디터 블루스 - 색상 구문 강조와 작은 단일 열

**URL:** https://meta.discourse.org/t/text-editor-blues-color-syntax-highlighting-and-single-small-column/154582
**Category:** Support
**Created:** [6월 11, 2020, 9:36오후 UTC](https://meta.discourse.org/t/text-editor-blues-color-syntax-highlighting-and-single-small-column/154582 "2020-06-11T21:36:44Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Joaquin\_Menchacha](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/joaquin_menchacha/32/139647_2.png) [@Joaquin\_Menchacha](https://meta.discourse.org/u/Joaquin_Menchacha)
#### Post date: [6월 11, 2020, 9:36오후 UTC](https://meta.discourse.org/t/text-editor-blues-color-syntax-highlighting-and-single-small-column/154582/1 "2020-06-11T21:36:44Z")

</div>

저는 Discourse의 내장 텍스트 에디터 대신 대체 텍스트 에디터를 사용하여 메시지를 편집하는 경우가 많습니다.

가장 큰 문제는 화면 중앙에 너비가 제한된 열이 배치되어 있다는 점입니다. 편집 시에는 수평 스크롤을 자주 해야 하므로 매우 불편합니다. 렌더링 측면에서도, 특히 데스크톱에서는 사용하지 않는 여백이 많아 최적의 경험이 아닙니다. 창을 얼마나 늘려도 브라우저 창 중앙에 매우 좁은 열만 표시됩니다.

또 다른 문제는 색상 문법 하이라이팅입니다. 색상 문법이 일관되게 렌더링되지 않습니다. 저희 서버(2.5.0.beta7)에서 `yaml`의 경우 `- list` 항목을 추가하면 색상 문법이 꺼지지만, `key: value`만 있는 경우에는 정상적으로 작동합니다. [Discourse](http://meta.discourse.org)에서는 정상적으로 작동하는 것 같습니다. `PowerShell`의 경우 저희 서버에서는 작동하지만, [Discourse](http://meta.discourse.org)에서는 `PowerShell` 문법이 작동하지 않습니다.

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [6월 11, 2020, 9:57오후 UTC](https://meta.discourse.org/t/text-editor-blues-color-syntax-highlighting-and-single-small-column/154582/2 "2020-06-11T21:57:45Z")

</div>

> [@Joaquin\_Menchacha](#):
>
> 제가 가장 큰 문제로 느끼는 점은 화면 중앙에 크기가 제한된 열이 배치되어 있다는 것입니다. 편집할 때 이는 매우 번거로우며, 가로로 스크롤을 해야 하는 경우가 많습니다. 렌더링 측면에서도, 특히 데스크톱 환경에서는 최적의 경험이 아닙니다. 사용하지 않는 여백이 너무 많기 때문입니다. 창을 얼마나 늘려도 브라우저 창 중앙에 매우 좁은 열만 표시됩니다.

컴포저(입력창)의 너비는 게시글의 너비와 비슷하게 설정되어 있어, 타이핑하면서 줄 길이를 가늠할 수 있습니다.

간단한 CSS 테마 컴포넌트를 사용하여 두 너비를 모두 증가시킬 수 있습니다. 기본으로 제공하는 설정은 [UX 과학적 연구](https://ux.stackexchange.com/questions/108801/what-is-the-best-number-of-paragraph-width-for-readability)에 기반하고 있습니다.

> [@Joaquin\_Menchacha](#):
>
> 또 다른 문제는 색상 문법 하이라이팅입니다. 색상 문법이 일관되게 렌더링되지 않습니다. `yaml`의 경우, 저희 서버(2.5.0.beta7)에서 `- list` 항목을 추가하면 색상 문법이 꺼지지만, `key: value`만 있는 경우에는 정상 작동합니다.

[Commonmark 사양](https://spec.commonmark.org/0.29/#info-string)에 정의된 대로, 시작 부분의 세 개의 백틱에 언어 이름을 추가하여 특정 언어 문법을 강제 지정할 수 있습니다.

예시:

````plaintext
```yaml
list:
  - a: 1
  - b: "2"
```
````

다음과 같이 변환됩니다.

```yaml
list:
  - a: 1
  - b: "2"

```

> [@Joaquin\_Menchacha](#):
>
> 하지만 [Discourse](http://meta.discourse.org)에서는 `PowerShell` 문법이 작동하지 않습니다.

`highlighted languages`(하이라이트 대상 언어) 설정을 확인해 보세요. PowerShell은 기본 목록에 포함되어 있지 않습니다.

---

<div class="post-metadata">

### Author: ![Joaquin\_Menchacha](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/joaquin_menchacha/32/139647_2.png) [@Joaquin\_Menchacha](https://meta.discourse.org/u/Joaquin_Menchacha)
#### Post date: [6월 25, 2020, 12:39오전 UTC](https://meta.discourse.org/t/text-editor-blues-color-syntax-highlighting-and-single-small-column/154582/3 "2020-06-25T00:39:55Z")

</div>

저는 언어를 지정하면서 세 개의 백틱을 사용하고 있습니다. GitHub에서는 항상 이렇게 하고 있습니다. 하지만 예측할 수 있게 작동하지 않는 것 같습니다.

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [6월 25, 2020, 4:15오후 UTC](https://meta.discourse.org/t/text-editor-blues-color-syntax-highlighting-and-single-small-column/154582/4 "2020-06-25T16:15:47Z")

</div>

하이라이트가 작동하지 않는 게시물의 실제 예시를 공유해 주실 수 있나요?
