How to use Chromium CSS parser to parse like CSS string?

[Junaid Iqbal]

Hello:

I have CSS like syntax string e.g., 

#some-text 

{ 

   some-directive: some-value;

}

.some-text

{

some-directive: some-value;

}

 

I am receiving this value through http header in Document.h. I want to parse this string and and retrieve directive name and value depending upon my need. 

I was wondering can I use chromium's CSS parser to parse this string as my string is exactly in CSS like syntax?

Thanks in Advance!

[Rune Lillesveen]

CSSParser::ParseSheet, but you need a StyleSheetContents for that one. Take a look at where ParseSheet is called from.

--
You received this message because you are subscribed to the Google Groups "blink-dev" group.
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/c3c4203a-5c9a-4b1a-9e1d-a8392ea33784%40chromium.org.

--

Rune Lillesveen

[Junaid Iqbal]

Thanks Rune, that helps a lot. Now I am able to parse CSS string but the issue is that my directive names are my own defined, CSSParser::ParseSheet does not parse them.

The below string parsed properly as it is a proper CSS

body {color: red;}

but I have string like this:

body { my-own-directive: value; }

this is not parsed properly, when I call

rule->Properties().AsText();

I get an empty string.

Any help would be appreciated, thanks.

[Rune Lillesveen]

The CSS parser drops unkown CSS property names. You could use custom properties, but I don't know what you'd use this for. What project is this?

--

Rune Lillesveen

[Junaid Iqbal]

Any starting point of how do I define custom properties?

Actually, I am sending a CSS like string through my webpage, I am using directives in the string that can be used to allow/block the content modification in my webpage.

[Rune Lillesveen]

https://developer.mozilla.org/en-US/docs/Web/CSS/--*

I still wonder why you are doing this. Why would you want to make a patched Blink/Chromium?

To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/23f666a3-28ef-4691-88de-8f37f54e09bf%40chromium.org.

--

Rune Lillesveen

[Junaid Iqbal]

I wonder the same lol

Its just a class project. Thanks for sharing about custom properties. Works great for me!

I set the string like this

body { --directive-name: value;}

Now I am able to fetch the value but could not fetch the directive-name. The function CSSUnresolvedProperty::GetPropertyNameAtomicString returns "variable" instead of the my

own directive name. Any suggestion on how do I get the directive name?

Thanks,

[Alan Cutter]

What object are you reading the property declaration out of? Can you share your code in a CL?

[Junaid Iqbal]

Thanks Alan for asking. I actually figured it out.

I was using CSSPropertyValueSet::PropertyReference object, I tried ToCSSCustomPropertyDeclaration(property.Value()).GetName() and it works.

Cheers!