Modify syntax for inline spans of text

[voltel]

Is your feature request related to a problem? Please describe.
Currently, the syntax is limited in a way that css class can only be assigned to a chunk of text already delimited, e.g., by <strong>, <em> tags. As in the example below, it's currently impossible to apply a css class to a deliberate <span> of text—it has to be delimited by other markup.

I'm a **bold text `class: big`** and _`.small` me an italic one_

Describe the solution you'd like
Use the pipe character ("|") as a delimiter to separate metadata (including css classes information) from the text in the code blocks.
E.g.

For inline chunk of text:

The following code

I want this text to be in  `class: my-class another-class|a span with css classes` my-class and another-class

or its shorthand

I want this text to be in `.my-class another-class|a span with a css classes` my-class and another-class

should be rendered as

<p>I want this text to be in <span class="my-class another-class">a span with css classes</span> my-class and another-class</p>

For blocks of text:

Use a yaml metadata to describe the rendering instructions for the block.

The following markup

```
class: my-class another-class
---
I want this text to be in a div with a css classes my-class and another-class`
```

should be rendered as

<div class="my-class another-class">
<p>I want this text to be in a div with a css classes my-class and another-class</p>
</div>

or

```
class: my-class another-class
el: article
---
I want this text to be in a article html element with a css classes my-class and another-class`
```

should be rendered as

<article class="my-class another-class">
<p>I want this text to be in a div with a css classes my-class and another-class</p>
</article>

Additional context

Currently, the text is rendered using the <code> html tag.
A suggestion is to introduce inline yaml-like or css-like metadata in the code-block separated from the text with a pipe? E.g.:

This is a usual chunk of text `class: my-class another-class; el: kbd|Some text that I want to be rendered in a kbd html tag` and have custom classes assigned. 

rendered like the following:

<p>This is a usual chunk of text <kbd class="my-class another-class">Some text that I want to be rendered in a kbd html tag</kbd> and have custom classes assigned.</p>

[Adam-Kay]

This is a good idea; I've been looking for this inline functionality also. Unfortunately, this repo is no longer maintained, so we will have to wait for someone to PR this.

[LilaRest]

Hey guys @Adam-Kay @voltel, I could also add you as maintainers of this repo. Let me know if that’s something you could be interested in.
Enjoy the rest of your day!

[Adam-Kay]

@LilaRest I'm okay with being added as a maintainer. I'm not super active but I could get around to implementing a couple things, this feature included

[voltel]

Hi, guys! I've never been a maintainer before, and generally I'm quite busy lately. But, it's a useful experience, and it can eventually be useful for what I try to do. So, I would like to try to become a maintainer for this project. Best regards, Voltel

…

On Sun, 18 Aug 2024 at 22:48, Adam K ***@***.***> wrote: @LilaRest <https://github.com/LilaRest> I'm okay with being added as a maintainer. I'm not *super* active but I could get around to implementing a couple things, this feature included — Reply to this email directly, view it on GitHub <#20 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AEIPRPBKB3TDY4Z5UTLBKUDZSEJEHAVCNFSM6AAAAABLFJFNV6VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDEOJVGQYDMOJWHE> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[ksdavidc]

Just wanted to put in another vote for this. It would be very useful in my case, as I have special processing that happens in regular codeblocks, that I would like to also do to inline blocks, but it requires a class...