Formatting toolbar

[Steven]

New version available, I fixed the incompatibility of some icons with the latest version of Discourse (that includes FontAwesome 5).

It was easier that I thought, but if you have any issue, let me know

I also changed the icon of the color’s button : instead of the paint brush, we will use the palette. Here are all the icons available:

I think it suits the button better.

---

If you have a fork on this plugin with custom buttons, the update is pretty easy, you just have to edit your plugin.rb file (example : line 20 to 27 : discourse-formatting-toolbar/plugin.rb at master · MonDiscourse/discourse-formatting-toolbar · GitHub)

You have to register any icon you use. Search for your icon here : Find Icons with the Perfect Look & Feel | Font Awesome

If the icon is in ‘solid’ category, add :
register_svg_icon "fa-icon_name" if respond_to?(:register_svg_icon)
ex : register_svg_icon "fa-underline" if respond_to?(:register_svg_icon)

If the icon is in ‘regular’ category, add
register_svg_icon "far-icon_name" if respond_to?(:register_svg_icon)
ex : register_svg_icon "far-address-book" if respond_to?(:register_svg_icon)

If the icon is in ‘brand’ category, add
register_svg_icon "fab-icon_name" if respond_to?(:register_svg_icon)
ex : register_svg_icon "fab-apple" if respond_to?(:register_svg_icon)

[AndreaG (Andrea Genini)]

I just installed the plugin on the v2.2.0.beta7 and i have a problem: line spacing between paragraphs collapse when using text formatting: [right], [left], [center], [justify]

See the following example:

The preview on the right window is correct. But then… see next post

[AndreaG (Andrea Genini)]

After Reply, the text appear correctly first, but after 1-2 seconds the line spacing between the two paragraphs collapses.

[Steven]

Thanks for the feedback, I pushed a fix. Let me know if it works well

For the previous posts, you might need to do a Rebuild HTML to update the code.

[AndreaG (Andrea Genini)]

Hi Steven.
No, it doesn’t work. After rebuilding HTML line spacing disappears after a fraction of a second.

[AndreaG (Andrea Genini)]

My fault! After rebuilding app it works. Thank you Steven.

I love this plugin.

[AndreaG (Andrea Genini)]

I found another bug. After justifying the text there is an additional line spacing. I’m working with V2.2.0.beta8.

[Steven]

The behaviour is different from the preview and the cooked post (on preview, it adds the <p> tags for each bbcodes, not on cooked), I don’t really know where it comes from, I don’t know if it’s something I can fix on my part

edit : wait I have an idea, I can fix it in a few hours

[AndreaG (Andrea Genini)]

Hi Steven, if I put only one [right] in the first line and a [/right] at the end of the last line, it works correctly.

[Steven]

I did a little upgrade to prevent this different behaviour between preview and cooked post. I should have thought about that before

I’ll check the source of the bbcodes later, maybe I can do something better than a css fix, but it should be good for now

Thanks for your feedbacks

[orchardstreet]

how is it recommended to clear a left or right float?

“clear:both;” in a div tag does not seem to work

Also any advice on floating or centering a youtube embed?

[Steven]

I can create a clear bbcode, I did it on a customized version of this plugin, I will add it to the official.

It will be [floatc][/floatc], with a clear: both css code attached to it

edit :

https://github.com/iunctis/discourse-formatting-toolbar/commit/b52c9c4312d869edb33390eea8b7027a4127504a

---

Regarding the youtube embed, You can try add a line between the bbcodes and the link

It should work on preview and cooked post

[Bank_Live]

in mobile layout error

[Steven]

I don’t exactly see the issue, can you clarify a little please

[Bank_Live]

I mean tools post outsite.

[Steven]

edit : Oh I see what’s wrong, I’ll fix it immediately, check the updates @Bank_Live

I need to edit the css that cause this issue.

edit : It is fixed now, thanks for reporting!

[xiasummer]

discourse-formatting-toolbar

이 플러그인이 현재 작동하지 않는 것 같습니다.

설치도 했고 실행도 했지만 아무 반응이 없습니다. 웹페이지를 새로고침해도 여전히 아무 일이 일어나지 않습니다. 색상 버튼을 활성화했지만 역시 아무 반응이 없습니다.

[Steven]

사용 중인 Discourse 버전은 무엇인가요?

가장 빨리 확인해 보겠지만, 플러그인을 깨뜨릴 수 있는 Discourse 커밋은 없는 것 같습니다.

[Steven]

방금 확인해 보았는데 여기서는 문제가 없습니다.

어떤 플러그인을 사용 중이신가요?

BB코드에 16진수 색상 코드를 추가하고 계신가요? 예: [color=#ff3300]Text[/color]

[xiasummer]

설치 완료
2.4.0.beta4
(8adec48b33)

이상하네요. 서식 도구 모음이 활성화되지 않은 것 같습니다.

하지만 활성화되어 있어야 합니다.