Is it possible to create a custom formatting for a part of a rem?

_yb · January 9, 2023, 4:16pm

I’m thinking via a marker like:
this is an +important idea+ of this paper
and have important idea being formatted in a way that I define via custom CSS (with red police, and grey background, in bold or something)

I’m a total noob in CSS, please forgive me if the answer to this question is obvious.

UMNiK · January 10, 2023, 9:33am

You could repurpose any of the existing highlight colours to instead apply any valid formatting. Here’s an example that just rounds them

github.com

anishaaa1/remnote-css/blob/main/css/rounded-highlights.css

/* Red Highlight */
.highlight-color--red:not(.rn-editor__rem__tags .highlight-color--red):not(.rn-doc-header__tags-bar .highlight-color--red) {
	padding: 1px 4px 2px 4px;
	border-radius: 4px; }
/* Orange Highlight */
.highlight-color--orange:not(.rn-editor__rem__tags .highlight-color--orange):not(.rn-doc-header__tags-bar .highlight-color--orange) {
	padding: 1px 4px 2px 4px;
	border-radius: 4px; }
/* Yellow Highlight */
.highlight-color--yellow:not(.rn-editor__rem__tags .highlight-color--yellow):not(.rn-doc-header__tags-bar .highlight-color--yellow) {
	padding: 1px 4px 2px 4px;
	border-radius: 4px; }
/* Green Highlight */
.highlight-color--green:not(.rn-editor__rem__tags .highlight-color--green):not(.rn-doc-header__tags-bar .highlight-color--green) {
	padding: 1px 4px 2px 4px;
	border-radius: 4px; }
/* Blue Highlight */
.highlight-color--blue:not(.rn-editor__rem__tags .highlight-color--blue):not(.rn-doc-header__tags-bar .highlight-color--blue) {
	padding: 1px 4px 2px 4px;
	border-radius: 4px; }

This file has been truncated. show original

_yb · January 26, 2023, 2:44pm

Thank you for your answer

I think that means, it is not possible to create markers out of nowhere in remnote…
Why not? Is this a CSS restriction or a remnote restriction, just curious

UMNiK · February 4, 2023, 4:54pm

I’m afraid I don’t know enough about either CSS or RemNote’s internals to give an authoritative answer. My gut feeling is that since CSS is, by design, intended to manipulate appearance rather than functionality (though there are some pretty expansive userstyles for some websites), you’d have to at least write a plugin rather than just a Custom CSS snippet.

_yb · February 7, 2023, 4:50pm

Thank you very much for your answer.
How do you think I could go to have an answer from the team? the ? icon?

UMNiK · February 8, 2023, 9:40am

Try asking in Discord server’s Plugin and/or CSS channels first.