Skip to main content
6 of 7
Active reading [<https://en.wikipedia.org/wiki/Markdown> <https://en.wiktionary.org/wiki/occur#Verb>]. Removed historical information (e.g. ref. <https://meta.stackexchange.com/a/230693> and <https://meta.stackexchange.com/a/127655>) - the question should be as if it was written right now.
Peter Mortensen
  • 31.6k
  • 4
  • 22
  • 14

Is the new editor's inline code tool supposed to break up code blocks?

Earlier today, I encountered a question with several lines of code that had been entered as individual, inline code blocks instead of a single, fenced code block. I assumed the OP was unfamiliar with Markdown and had simply done more work than necessary, so I edited the question to consolidate the lines of code into a single, fenced block and moved on.

Screenshot showing edit history containing the problem

However, I just came across another question in the new questions queue with the same problem: a series of seemingly related lines of code broken into individual, inline code blocks.

Screenshot of text showing the same problem

It occurred to me that this could be the result of the new Ask Wizard and, after checking the edit history on the first post mentioned above, I can see that the wizard was indeed used to draft the question.

Sebastian Simon points out that the wizard itself is not the cause; it is exposing new users to the new editor. There may be similar issues logged with code (and formatting in general) when the new editor is in "Rich Text" mode (Markdown off).

The second question has not been edited, so I cannot confirm that it too was created with the wizard, but the OP of the second question has 1 rep, so I don't believe it's out of the realm of possibility.

wjandrea points out that you can check if the draft of the post was created with the Ask Wizard by checking the timeline when the edit history is not otherwise visible on the post.


Replication

I used the provided /questions/ask?force-wizard=true link to test my hypothesis. I used the following code and tried the following methods to reproduce the issue. Method 4 ended up reproducing the problem.

const greeting = 'Hello';
const subjects = ['World', 'Meta', 'You'];

subjects.forEach(s => {
    console.log(`${greeting}, ${s}!`);
});

1. Copying the code, then applying the "Inline Code" tool.

This approach handled inlining as I expected, though I did note that the tool did not account for the existing backticks (`) in my code when deciding how many backticks to surround my code with. This will cause formatting issues that a new asker may not know about until they review their question for posting.

Screenshot showing this other problem in Markdown

2. Clicking the "Inline Code" tool, then pasting my code into the selection area.

This approach yielded the same results as the first test.

3. Turning off the "Markdown" toggle, then pasting my code.

Interestingly, this appears to have correctly created a fenced code block. Again, I would have to continue to review the question to be sure, but it certainly renders as one in the editor.

Screenshot showing the fenced code block in rich text

4. Pasting my code, then turning off the "Markdown" toggle, then using the "Inline Code" tool.

With Markdown off, my interpolated string's backticks rendered an inline code block in the editor. Selecting all the code caused the "Inline Code" button to change to an active state, so presumably it was able to tell there was an inline code block in the selection.

Screenshot showing Markdown on

Screenshot showing Markdown off

After using the "Inline Code" twice (once to remove the inline block created by my interpolated string and a second time to create an inline block from my code), I recreated the issue. Each line was wrapped in its own inline code block.

Screenshot showing the replication of the issue

If my code would not have had backticks in it, the first application of the "Inline Code" tool would have caused this outcome.


Resolution

I'm not sure what the best approach would be here because I am both:

  • Unfamiliar with the asking process
  • Unfamiliar with the editor's implementation

It's odd to me that the "Inline Code" tool isn't simply wrapping each line in an inline code block. It looks like it's trying to parse the code into statements and wrapping each statement it finds. I don't know if that means the editor could be tweaked to generate a fenced code block when multiple lines/statements are detected (though the name of the tool would need to be adjusted too).

I'm not even sure if this is a real issue since the "Markdown" toggle must be off. Maybe I'm missing some of the cases and considerations that went into the editor's behavior when the input isn't considered markdown.

So is this something that should be addressed? If so, how?

D M
  • 7k
  • 4
  • 8