This has been bugging me for a bit. Does anyone know why these line breaks inserted in a markdown cell, ---, are rendered differently in my notebook? When inspecting the HTML of the Jupyter notebook all of the line breaks appear the same, as an <hr>, yet some are rendered bolder than others. This occurs regularly and is pretty annoying from a formatting point of view.
Thanks.
Markdown cell input:
Rendered markdown cell:
Kindly try to apply HTML inline style formatting e.g
<hr style="height:2px;border-width:0;color:black;background-color:black">
I most apply HTML knowledge to most markdown related formatting and has been working for me.
Related
In VS Code Jupyter Notebooks, it is really hard to distinguish between a first level header and a second level header, which makes it hard and confusing to navigate in a long document. I have very poor knowledge of CSS and I couldn't find a way to customize the font size and color of headings.
Please note I'm referring to rendered markdown (in preview).
Thank you for your help.
On the github.docs I saw that it is possible to create markdown todo-lists as follows
- [ ] my first task
- [ ] my second task
When I am trying this in VSCode in a .ipynb Markdown cell, it doesn't render the todo-list. So it basically does not show rendered square but rather shows it just as I typed it in. So it does show it as this
but not as this
I am using the Jupyter extension for VSCode.
I think it has to do something with this extension. However, rendering a table for example works. Also including pictures and basically any other Markdown command I tried. Only the todo-list does not.
Can anyone help with this?
According to this GitHub issue, VSCode does not support markdown todo-lists out of the box. However, you can use the Markdown Checkbox extension, which renders todo-lists in .ipynb Markdown cells.
For reference, this is what the result looks like.
Is there a way to make VS Code stop breaking HTML tags before > on a new line? As you can see on the picture the tag is breaking/wrapping on a next line just after the > . I'm Using Prettier - Code formatter.
You could try adding this line to your settings.json file
{
"html.format.wrapAttributes": "force-aligned"
}
I know this is old, but for those who have the same problem, have you checked to ensure that your document is being treated as HTML rather than something else? I've seen this happen when I format my HTML code in a Javascript document.
On the bottom-right of the VS Code window, after Tab Size, UTF-8, and CRLF (your options may be different) you should see HTML. If you see Javascript, CSS, or some other code language, you'll need to click it and change it to HTML.
The border around the code tag is annoying, especially if there are many of code tags inside a paragraph. Can I remove it in the VScode editor?
Well, the reason is I installed the markdown all in one extension and the border was hardcoded for the dark theme.
There is a issue talking about the problem and how to tweak it from code.
But for me, the built-in markdown support of VScode just work well.
I am using CodeMirror https://codemirror.net/ to turn a textarea into editable code.
CodeMirror handles the resizing of the textarea, and it mostly works. But the last line of the text in the text area is half-cutoff.
This problem does not happen when the codemirror CSS is allowed to operate alone, but when combining it with bootstrap css (et al), we get this problem.
Codemirror has lots of inscrutable options, and I am pretty sure one of them fixes this problem. Alternatively, it would be helpful to know which css style parameter or html parameter I should be fiddling with.
Where should I start solving this problem?