Discourse 플러그인에서 게시글 메뉴에 토글 버튼을 추가하고 해당 버튼의 동작을 구현하는 방법은?

[omppatil (Om Patil)]

안녕하세요!
디스코urs 플러그인 개발을 처음 시작하는 사람인데, 게시글 메뉴에 토글 버튼을 추가하고 해당 동작을 플러그인에 구현하는 방법에 대해 도움을 받고 싶습니다.

[Lilly (Lillian)]

안녕하세요 @omppatil, 아래 게시물이 올바른 방향으로 나아가는 데 도움이 될 수 있습니다:

게시글에 버튼 추가용 클래스 커넥터

게시물 메뉴에 버튼을 추가하려면, 게시물이 위젯이므로 약간 다른 방식이 필요합니다. 테마/플러그인에 다음과 같은 코드를 추가해야 합니다. api.addPostMenuButton("my-button", () => { return { action: "someAction", icon: "someIcon", className: "someClass", title: "some title", }; }); 플러그인 API에는 새로운 버튼을 추가하는 메서드가 있어 이 작업을 비교적 쉽게 수행할 수 있습니다. discourse/app/assets/javascripts/discourse/app/lib/plugin-api.js at 7a2e8d3ead63c7d99e1069fc7823e933f931ba85 · discourse/discourse · GitHub 이 테마 컴포넌트는 특정 조건에 따라 해당 메뉴에 새로운 버튼을 추가하는 메서드를 사용하고 새로운 작업…

또한 Discourse 플러그인 프로그래밍을 처음 접하시는 분이라면:

Developing Discourse Plugins - Part 1 - Create a basic plugin

Building a plugin in Discourse can be really simple, once you learn a couple of quirks. The goal of this post is to create a skeleton plugin and introduce you to the basics. Your development environment Make sure you have a development environment of Discourse running on your computer. I recommend you use the appropriate setup guide and come back when you’re done. plugin.rb Use GitHub - discourse/discourse-plugin-skeleton: Template for Discourse plugins · GitHub to create a complete di…

How can I make my own Discourse plugins?

I’ve only just started but here’s my ‘starter for 10’ to get you going: Read: these this Try and read the code on the simplest, but popular plugins and see if you can understand what they are doing (this is not always easy, especially with the complexity of dealing with multiple files and the sometimes brutal functional brevity of javasctipt, but persevere) You need to learn: Lots of Javascript (look no further than @mpj’s Fun Fun Function excellent & fun (!) videos (thanks man!)) Lots of …

Learn how to start building stuff for Discourse if you're newbie (like myself)

There are a few ‘how to start’ guides for working with Discourse already and a wealth of useful info on meta, but I thought it might help to give an insight to the mental processes of starting from little, if any, prior coding experience to building substantial Discourse plugins. Discourse is written by experienced developers and has a large codebase. This can feel intimidating. This intimidation factor can be a significant barrier for novice developers. This is a kind of ‘psychological primer’…

[Arkshine]

안녕하세요!

addPostMenuButton를 사용할 수 있습니다.

api.addPostMenuButton('coffee', () => {
  return {
    action: 'drinkCoffee',
    icon: 'coffee',
    className: 'hot-coffee',
    title: 'coffee.title',
    position: 'first'  // `first`, `last` 또는 `second-last-hidden`일 수 있습니다
  };
});

이렇게 액션을 추가할 수 있습니다:

api.attachWidgetAction("post", "drinkCoffee", function () {
    //
}

수정: Lillian에게 지적을 받았네요 . Lilly가 올린 가이드를 따르는 것도 좋은 생각이 될 것입니다!

[omppatil (Om Patil)]

따라서 어떤 파일 구조를 구현해야 하며, 위의 코드는 어디에 배치해야 할까요?

[Lilly (Lillian)]

위에서 링크한 주제들을 읽으면 관련 개발 질문에 대한 답을 찾으실 수 있을 것입니다. 플러그인 대신 테마 컴포넌트를 사용하여 원하는 결과를 얻을 수도 있습니다. 따라서 다음 링크들도 읽을 목록에 추가하시길 권합니다:

Beginner's guide to using Discourse Themes

This is a crash course in Discourse theme basics. The target audience is everyone who is not familiar with Discourse themes. If you’ve already used Discourse theme / theme components, this guide is probably not something you need to read. What are themes and theme components? A theme or theme component is a set of files packaged together designed to either modify Discourse visually or to add new features. Let’s start with themes. Themes In general, themes are not supposed to be compatible …

Developing Discourse Themes & Theme Components

Discourse Themes and Theme Components can be used to customize the look, feel and functionality of Discourse’s frontend. This section of the developer guides aims to provide all the reference materials you need to develop simple themes for a single site, right up to complex open-source theme components. This introduction aims to provide a map of all the tools and APIs for theme development. If you prefer a step-by-step tutorial for theme development, jump straight to: Themes vs. Theme Compon…

테마 개발자 빠른 참고 가이드

As themes grow more powerful, there’s more to remember about how they work. We have loads of detailed documentation under #theme-guides, but if you just need something to jog your memory, this guide may help. General Resources Beginner’s guide Designer’s guide Developer’s guide Theme Creator Theme CLI Theme Directory Component Directory Theme Modifiers Themeable site se…

또한, 제가 처음에 올린 링크에서 가져온 내용도 참고해 보세요:

@Johani

이 테마 컴포넌트는 특정 조건에 기반하여 해당 메뉴에 새 버튼을 추가하는 메서드를 사용하고 새로운 작업을 정의합니다. 따라서 아래를 참고해 보세요.

https://github.com/discourse/raw-post-button