HIghlight based on condition

[gagan-bansal]

I liked this library, simple to use and elegant. I was thinking is there a way we can highlight a text based on the text string? If you tell me the approach I can also try to contribute for this feature.

[BearToCode]

Hi, can you explain a bit more what you're trying to achieve? Would you like to modify how text is highlighted in the input? If that's the case, you need to inject some custom grammar and highlighting rules. Carta uses Shiki, which itself uses TextMate grammar. Here is an example taken from the emoji plugin:

carta/packages/plugin-emoji/src/lib/index.ts

Lines 64 to 86 in bd45020

	const grammar = {
	name: 'emoji',
	type: 'inline',
	definition: {
	match: ':(?:\\+1|[-\\w]+):',
	name: 'markup.emoji.markdown'
	}
	} satisfies GrammarRule;
	const highlighting = {
	light: {
	scope: 'markup.emoji',
	settings: {
	foreground: '#3bf'
	}
	},
	dark: {
	scope: 'markup.emoji',
	settings: {
	foreground: '#4dacfa'
	}
	}
	} satisfies HighlightingRule;

[gagan-bansal]

Before saving the text, I am parsing the data, and if there is some word not satisfying the condition (yes similar to grammar check) then want to highlight it. I think what you have explained that should work. I'll study more and implement. I will update you soon.
Thanks