Formatting toolbar

커스터마이징 플러그인
168

여기서 제 의견을 많이 반영한 포크를 만들었습니다:

이렇게 생겼고, 수식 플러그인이 필요합니다.

image
image1737×217 14.9 KB

일부 버튼을 톱니바퀴 메뉴로 이동시키는 방법이 있을까요? ;

1개의 좋아요
169

cog 메뉴의 버튼을 코딩하는 방식은 조금 다릅니다. 제 테마 컴포넌트에서 영감을 받을 수 있습니다: https://github.com/iunctis/md-composer-extras/blob/master/desktop/head_tag.html

다음은 툴바에 있는 버튼입니다

api.onToolbarCreate(toolbar => {
    toolbar.addButton({
        id: "align_justify_button",
        group: "extras",
        icon: "align-justify",
        perform: e => e.applySurround('[wrap="justify"]\n', '\n[/wrap]', 'align_justify_text')
    });
});

다음은 메뉴에 있는 버튼입니다

api.addToolbarPopupMenuOptionsCallback(() => {
  return {
      action: "columns",
      icon: "columns",
      label: "columns_button"
  };
});

api.modifyClass("controller:composer", {
  actions: {
       columns() {
	  this.get("toolbarEvent").applySurround('[wrap="columns"]\n', '\n[/wrap]', "columns_text");
	}
  }
});
3개의 좋아요
170

네, TinyMCE WYSIWYG 에디터는 작업하기에 좋은 선택지입니다. 다른 좋은 제공업체도 몇 군데 있지만, 저는 워드프레스의 구식 스타일에 익숙해서 그쪽을 선택하고 싶습니다.

171

이 플러그인이 테마 컴포넌트로 사용 가능한지 궁금합니다. 감사합니다.

172

테마 컴포넌트가 있습니다: https://github.com/iunctis/md-composer-extras

여러 가지 옵션이 있지만, 대략적으로 동일한 아이디어입니다.

173

네, 스티븐 감사합니다. 하지만 테마 컴포넌트에서 텍스트 색상을 설정할 수 있는 옵션이 빠져 있어요. BBCode보다 직관적으로 사용할 수 있는, 예를 들어 색상 선택기와 미리 선택된 텍스트를 갖춘 기능이면 좋겠습니다.

174

솔직히 이런 기능이 테마 컴포넌트에서 구현 가능한지 모르겠습니다. 테마 컴포넌트에 기본적인 bbcode 색상 옵션이 있는 브랜치가 있습니다: https://github.com/iunctis/md-composer-extras/tree/color

코딩에 대한 지식이 매우 기초적인 수준이라 색상 선택기를 직접 만들 수는 없습니다. 하지만 플러그인을 업그레이드하고 싶으신 분이 있다면 pull request를 기꺼이 받아들이겠습니다!

175

오, 이 모든 포맷팅 옵션들이 정말 마음에 들고, btw 거의 floatr만 사용하고 있어요 :wink:
이 옵션이 인용된 형태로 어디에서 볼 수 있나요?
클래식 테마에는 버튼을 추가하거나 비활성화할 수 있는 CSS 옵션이 없어요.
그리고 설치 후에 이 오류가 발생했어요:
/var/discourse# unexpectedly found “! template-lint-disable ~” when slicing source, but expected " template-lint-disable "

176

그 오류는 그 플러그인에서 나오는 게 아닌 것 같아. 나도 같은 오류가 떴거든. 뭐, 아무것도 깨지지는 않았어. 아마 코어에서 나오는 오류인 것 같아.

177

감사합니다 @Jagster 이 테마 컴포넌트를 추가했습니다

그리고 플러그인을 '제거’했는데 이제 에러가 사라졌네요…

178

흥미롭네요 :thinking: 제가 사용하지 않기 때문일까요? 같은 것을 사용하는 다른 플러그인이 있을까요?

아… 제가 한 번 사용해 본 후에 잊어버린 건 아닌지 확인해 봐야겠네요 →

다시 돌아왔습니다. 설치되어 있긴 했는데 주석 처리되어 있더라고요. 두 번째 재빌드가 여기서 해결책일까요?

179

이 옵션들은 몇 년 전에 삭제되었으며, 새 버전의 Discourse와 호환되지 않아 문제가 발생했습니다. 안타깝게도 이들을 다시 구현할 지식이나 시간이 없습니다.

질문하신 문제에 대해서는 플러그인 또는 테마 컴포넌트 중 하나를 선택해야 하며, 둘을 동시에 사용하면 오류가 발생합니다. 기본적으로 둘은 동일한 코드를 공유하기 때문입니다.

플러그인을 사용해 보려면 테마 컴포넌트를 삭제하세요.

이 플러그인 또는 테마 컴포넌트는 공식 Discourse bbcode와 같은 다른 플러그인과도 충돌할 수 있습니다.

2개의 좋아요
180

아마도/혹시 그 사실을 알리는 상단 게시글을 수정하고 GitHub 링크를 비활성화할 때일지도 모릅니다. 기본적으로 제대로 작동하지 않으니까요.

훌륭한 아이디어였습니다 (감사합니다). 디스코urs에 표준 기능으로 포함되거나 추가 기능으로 지원되기를 바랍니다.

181

플러그인은 정상적으로 작동하며, 해당 옵션에 대한 언급은 원문에서 삭제되었고, 저는 얼마 전 몇 가지 경고 메시지를 추가했습니다. 지금은 아무것도 수정하거나 플러그인을 비활성화할 이유가 없습니다.

1개의 좋아요
183

멋진 툴바 플러그인이네요! 배경색을 위한 이색(双色) bbcode를 추가할 수 있을까요?

또 다른 흥미로운 아이디어는 툴바에 드롭다운 메뉴를 사용하는 것입니다. 예를 들어 모바일에서 유용할 수 있습니다.

그리고 이 플러그인이 지원하는 bbcode의 전체 목록이 있는지 궁금합니다.

감사합니다

184

호환성을 추가할 수 있을 것 같습니다. 해당 코드의 기본 구조는 이 공식 플러그인에서 확인할 수 있습니다: discourse-bbcode-color/assets/javascripts/lib/discourse-markdown/bbcode-color.js at main · discourse/discourse-bbcode-color · GitHub

고려해 보겠습니다. 다만 버튼을 추가하지는 않을 것 같습니다 :thinking:

다음 bbcode에 대한 지원을 추가했습니다:

color=
size=
small
floatl
floatr
floatc
left
center
right
justify

1개의 좋아요
185

정말 감사합니다. 네, 모든 것에 버튼을 사용할 필요는 없네요.
:clinking_beer_mugs::smiling_face_with_sunglasses::+1::sparkles: :discourse:

186

[bgcolor] BBCode에 대한 지원이 추가되었습니다

1개의 좋아요
187

안녕하세요! BBCode 태그 안에 배치된 텍스트가 연속된 두 개의 줄바꿈 문자를 포함하거나, 줄바꿈 문자와 캐리지 리턴 문자가 연속으로 오는 경우:

[center]
text "\n\n" text
[/center]

[center]
text "\r\n" text
[/center]

이런 경우 게시글에 [center][/center] 태그 자체가 일반 텍스트로 표시됩니다.

하지만 이렇게 하면:

[center]
text "\n" text
[/center]

또는 이렇게 하면:

[center]
text text
[/center]

BBCode가 올바르게 감싸지고 가운데 정렬된 텍스트를 얻을 수 있습니다.

이것이 Discourse의 제한 사항이라고 생각했지만, 이 부분에 대해 뭔가 할 수 있는 방법이 있을까요?

189

리치 에디터(rich editor) (첫 번째 버튼)를 활성화했으며, 해당 플러그인은 아직 이 에디터와 호환되지 않습니다.

마지막으로 확인했을 때 마크다운 에디터에서는 정상 작동해야 합니다.

2개의 좋아요