Formatting toolbar

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)

「いいね!」 8

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

「いいね!」 1

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

「いいね!」 1

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.

「いいね!」 1

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

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

I love this plugin.

「いいね!」 1

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

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

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.

「いいね!」 1

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

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

「いいね!」 1

左または右のフロートをクリアする推奨方法はありますか?

div タグに"clear:both;"を指定してもうまく動作しません。

また、YouTube 埋め込みのフロートや中央揃えに関するアドバイスもあればお願いします。

私は明確な bbcode を作成できます。このプラグインのカスタマイズ版で試しましたので、公式版にも追加する予定です。

それは [floatc][/floatc] で、それに clear: both の CSS コードを付与します。

編集:


YouTube 埋め込みについてですが、bbcode とリンクの間に改行を追加してみてください。

image

プレビューと投稿されたコンテンツの両方で動作するはずです。

「いいね!」 1

モバイルレイアウトでエラーが発生しました

正確に問題が見当たりません。もう少し詳しく説明していただけますか?

つまり、外部のツール投稿のことですね。

「いいね!」 1

編集:ああ、問題の原因がわかりました。すぐに修正します。アップデートを確認してください @Bank_Live

この問題の原因となっている CSS を編集する必要があります。

編集:修正完了しました。ご報告ありがとうございます!

「いいね!」 1

どうやら
discourse-formatting-toolbar
が現在動作していないようです。
インストールも起動も行ったのですが、何も起こりません。ウェブページをリフレッシュしても、まだ何も起こりません。カラーボタンの有効化も行いましたが、依然として何も起こりません。

「いいね!」 1

現在どの Discourse バージョンをお使いですか?

できるだけ早く確認しますが、プラグインを破損させる可能性のある Discourse のコミットは存在しないようです。

「いいね!」 1

さっそく確認しましたが、こちらに問題はございません。

どのプラグインをお使いですか?

bbcode に 16 進色のコードを追加されていますか?例:[color=#ff3300]Text[/color]

「いいね!」 1

インストール済み
2.4.0.beta4
(8adec48b33)

奇妙ですね、フォーマットツールバーが有効になっていないようです。

しかし、私はこれを有効にするべきでした。