# 본문 CSS 클래스에 OP 사용자 이름 추가

**URL:** <https://meta.discourse.org/t/add-op-username-into-body-css-classes/167178>\
**Category:** Support\
**Created:** [10월 14, 2020, 12:52오후 UTC](https://meta.discourse.org/t/add-op-username-into-body-css-classes/167178 "2020-10-14T12:52:12Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![nildarar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nildarar/32/331927_2.png) [@nildarar](https://meta.discourse.org/u/nildarar)\
**Post date:** [10월 14, 2020, 12:52오후 UTC](https://meta.discourse.org/t/add-op-username-into-body-css-classes/167178/1 "2020-10-14T12:52:12Z")

</div>

안녕하세요,  
OP(첫 게시자)의 사용자 이름을 `<body>` CSS 클래스로 추가하는 방법을 도와주실 수 있나요?  
일부 스타일을 작성해야 하는데, 특정 사용자 이름에 대해 다른 속성이 필요합니다.

일부 사용자가 자신의 프로필에서 해당 주제를 삭제해 달라고 요청했지만, 완전히 삭제하라고는 강요하지 않았습니다. 그래서 요청된 주제들의 소유권을 변경하기 위해 익명 사용자를 생성했습니다.

이제 OP가 익명인 경우 페이지 요소를 변경해야 합니다. 인용구와 멘션 등을 숨기는 것도 포함됩니다.

```
<script type="text/discourse-plugin" version="0.8">
    api.onPageChange((url, title) => {
        if (/^\/\t\/.*$/.test(url)) {
            const opUser = API.????? <--------------------------- OP 사용자 객체를 가져오는 방법
            if (opUser && opUser.id === 1234) {
                document.querySelector("body").classList.add("anon");
            }
        } else {
            document.querySelector("body").classList.remove("anon");
        }
    });
</script>

```

---

<div class="post-metadata">

**Author:** ![nildarar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nildarar/32/331927_2.png) [@nildarar](https://meta.discourse.org/u/nildarar)\
**Post date:** [10월 15, 2020, 7:02오전 UTC](https://meta.discourse.org/t/add-op-username-into-body-css-classes/167178/2 "2020-10-15T07:02:00Z")

</div>

JavaScript API를 통해 주제 정보를 가져올 수 있는 방법이 있나요?

---

<div class="post-metadata">

**Author:** ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)\
**Post date:** [10월 15, 2020, 9:10오전 UTC](https://meta.discourse.org/t/add-op-username-into-body-css-classes/167178/3 "2020-10-15T09:10:32Z")

</div>

> [@nildarar](#):
>
> `<--------------------------- OP 사용자 객체 가져오기 방법`

```js
api.getCurrentUser()

```

---

<div class="post-metadata">

**Author:** ![nildarar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nildarar/32/331927_2.png) [@nildarar](https://meta.discourse.org/u/nildarar)\
**Post date:** [10월 15, 2020, 9:16오전 UTC](https://meta.discourse.org/t/add-op-username-into-body-css-classes/167178/4 "2020-10-15T09:16:31Z")

</div>

`api.getCurrentUser()` 메서드를 호출하면 로그인된 사용자를 반환합니다. 주제 정보(주제 소유자 포함)를 가져오는 메서드를 찾고 있습니다.

---

<div class="post-metadata">

**Author:** ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)\
**Post date:** [10월 15, 2020, 9:41오전 UTC](https://meta.discourse.org/t/add-op-username-into-body-css-classes/167178/5 "2020-10-15T09:41:24Z")

</div>

아, 죄송합니다. 잘못 읽었네요. 😕

---

<div class="post-metadata">

**Author:** ![nildarar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nildarar/32/331927_2.png) [@nildarar](https://meta.discourse.org/u/nildarar)\
**Post date:** [10월 17, 2020, 7:24오전 UTC](https://meta.discourse.org/t/add-op-username-into-body-css-classes/167178/6 "2020-10-17T07:24:00Z")

</div>

천만에요, 간단한 질문을 하는 것보다 더 복잡한 것 같아요 👍 😅

---

<div class="post-metadata">

**Author:** ![nildarar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nildarar/32/331927_2.png) [@nildarar](https://meta.discourse.org/u/nildarar)\
**Post date:** [10월 18, 2020, 12:56오후 UTC](https://meta.discourse.org/t/add-op-username-into-body-css-classes/167178/7 "2020-10-18T12:56:40Z")

</div>

문제를 해결하기 위해 다음 페이지를 읽으면서 아래 해결책을 찾았습니다:

[https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/app/lib/plugin-api.js#L1138-L1140](https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/app/lib/plugin-api.js#L1138-L1140)

```
<script type="text/discourse-plugin" version="0.8">
    const specialTopicUserId = 1000;
    api.decorateTopicTitle((topicModel, node, topicTitleType) => {
        if (topicModel && topicModel.user_id === specialTopicUserId) {
            $("#topic").addClass("anon");
        }
    });
</script>

```
