Formatted code

ivangneiding

Hello. In a Flarum installation I have, when I add text and mark it as code, it gets a gray background, changes the font, but it is not as well formatted as I noticed happens when we post code here, which is nicely formatted with colors and everything else. And also, when pasting code, there is a large spacing between lines (as shown in the screenshot).

Which extension should I use to have this feature in my Flarum installation?
Thank you in advance.

clarkwinkelmann

There are 2 kinds of code tags, inline and block:

This is `inline code`

```
This is a code block
```

The button in the markdown toolbar should automatically use the block tag if you select multiple lines of text.

If you use the inline code but insert new lines within, it will produce the result in your first screenshot.

I'm not really sure why TextFormatter doesn't just ignore an inline code tag if it isn't terminated on the same line, but I guess it would be unneeded complexity.

ivangneiding

clarkwinkelmann thanks for your reply.
When I paste code here and select to format it as code, it works perfectly. However, when I paste the same code into my Flarum website, it appears as shown in the screenshot. This issue is not caused by any extra CSS, as I tested it after removing all custom CSS.
It's probably caused by a conflict with an extension or something similar. When I have time, I will try disabling the extensions and test if the code gets formatted correctly.

ivangneiding

clarkwinkelmann I found out that the problem was cause by the extension WYSIWYG / Rich Text Editor. The big problem is probably 95% of people can't type using code, but tey can using the rich text. I will try support in the plugin discussion page.