Show paragraph marks up

Feature archive
1

I’m a writer, not a programmer.

So I need a feature that shows up paragraph marks.

What’s paragraph marks? → ↵

The ↵ marks that follows the end of each paragraphs.

If you have paragraph marks, the lines will be shown like these:

I am a boy↵
You are a girl↵
↵
You are human being↵
And a real hero↵

I think it’s a very simple feature. But As I mentioned, I’m not a programmer. So I’m asking you, obsidian community. :slight_smile:

2

Does this plugin help?

1 Like
3

Try this snippet:

.markdown-source-view.mod-cm6.is-readable-line-width .cm-line::after {
  content: "↵"; /* Paragraph mark */
  font-size: 1em; /* Adjust as needed */
  color: white; /* Adjust color */
  margin-left: 0.2em; /* Space between text and mark */
  display: inline; /* Ensures it appears directly after text */
}

I get this … copy/paste your sample and at the end you see symbols added with above snippet.

Screenshot 2024-10-30 162307

You can play with colors, size, … And just in case, if you’re new to Obsidian - CSS snippets - Obsidian Help … this is how you use/install snippets.

Cheers, Marko :nerd_face:

1 Like
4

Thank you. I tried it as you told me, but the addon doesn’t work as I want.

Anyway, I came up that I didn’t search all the extensions well. :slight_smile:

1 Like
5

Dear Marko,

I hadn’t thought on CSS snippet. I studied the link you gave, and made it! Thank you so much! :smile:

2 Likes
6

Dear Marko,

I tried your snippet, but it has a bug.

It put an extra void line after a blank line.

I tried to find a solution by tweaking the snippet, but it doesn’t work.

Can you suggest me how can I fix it? :slight_smile:

screenshot 2024-11-01 오전 11.53.25

7

… it is not a bug. It is a feature! :wink:

I tested it on my side and got the same error. I will check later, as I currently need to jump out.

Cheers, Marko :nerd_face:

8

OK, the solution is “bad” :smiley: … “bad” because I’m not sure why the snippet is adding an <br> tag after an empty line.

But as I haven’t noticed it in any other (my) notes, let’s try to hide <br>, which will be ignored by the CSS snippet.

.markdown-source-view.mod-cm6.is-readable-line-width .cm-line::after {
  content: "↵"; /* Paragraph mark */
  font-size: 1em; /* Adjust as needed */
  color: white; /* Adjust color */
  margin-left: 0.2em; /* Space between text and mark */
  display: inline; /* Ensures it appears directly after text */
}

br {
  display: none;
}

As you can see, I’ve just added “do not display br” (<br> is a line break element). Plea… PLEASE! test it on different notes!! It can’t break/delete anything. It just (I imagine) can play with some styling/alignment of text. If it causes a problem, just turn it off, and everything will be normal again. As it is hiding and not deleting those <br>.

Cheers, Marko :nerd_face:

1 Like
9

Marko, this new snippet works like a charm!

And I think you are a great explainer.

Surely I knew <br> code, but didn’t come up with it as a source of the bug(or feature).

You saved my day. Thank you so much! :wink:

1 Like
10

@basil83, just small update…

.view-content br {
  display: none;
}

… just in case, that those <br> are only hidden in a note! If app is using them somewhere, that we don’t brake it :smiley:

Cheers, Marko :nerd_face:

11

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.