Highlight colours + obsidian plugin highlightr

CharlesCollin91 commented 1 year ago

hi,

following that post : #135

I'm using in Obsidian the plugin Highlightr as I didn't find any easier solution to quickly highlight in different colors.

So basically I copy the code and paste it into bibnotes Obsidian settings like this : {{highlight}}

And the result is this after importation from Zotero :

The link get fully displayed and highlighted too...

I would expect more something like this :

Might be a minor tweak in the bibnote code? Thank you. -CC

crackage commented 1 year ago

It's sloppy/inefficient right now as I never got around to cleaning it up or finding a better solution BUT: I'm using HTML to format my pdf highlight-extractions into colored text among other things like list display, etc. It seems to work with a few tiny bugs. Note: My highlights in pdfs were not recognized and converted to the corresponding html formatting I defined in bibnotes-formatter-settings until I highlighted in the exact 5 colors zotero recognizes. So I had to define custom highlight colors according to the zotero color codes within my pdf editor (I use pdf x-change editor). I don't know how to get magenta, orange, cyan highlights recognized. I'm not using zotfile but was wondering if I could get these aforementioned color highlights recognized by bibnotes-formatter if I highlight in some unique color code for cyan, orange, gray, & magenta respectively? Black, however, is recognized as a black {{highlight}} annotation when I use black underlining in my pdf editor.

My html formatting settings (as stored in the data.json file) in the plugin look like:

"commentCustomTextBefore":

"<span style=\"display: block; border-block: solid #1D1D29; border-radius: 10px; margin-left: 50px; margin-right: 40px; margin-top: 0px; margin-bottom: 0px; padding-left: 10px; padding-right:10px; padding-top:6px; padding-bottom: 6px; background-color: #2A2C32; color: rgba(255,192,203, .5); font-size: 10pt;\">",

"commentCustomTextAfter":

"</span",

"colourYellowText":

"{{highlight}}",

"colourPurpleText":

"<span style=\"display: inline-block; border-radius:10px; margin-left: 60px; margin-right: 60px; margin-top:2px; margin-bottom: 2px; padding-left: 8px; padding-right:8px; padding-top:4px; padding-bottom: 4px; color: rgb(242, 242, 242, 0.65); background-color: rgba(52, 28, 62, 0.3); font-size: 9.5pt;\"><li id=\"squarelist\">{{highlight}}",

"colourRedText":

"<span style=\"display: inline-block; margin-left: -25px; margin-right: 0px; margin-top: 5px; margin-bottom: 5px; color: rgba(255,255,255,.5); font-size: 11pt; font-weight: strong; text-decoration: underline;\">{{highlight}}",

"colourGreenText":

"{{highlight}}",

"colourBlueText":

"<span style=\"display: inline-block; margin-left: 0x; margin-right: 20px; margin-top: 0px; margin-bottom: 0px; padding-left: 0px; padding-right:0px; padding-top:0px; padding-bottom: 0px; color: rgba(79,171,224, .9); font-size: 10.5pt;\">{{highlight}}",

"colourBlackText":

"{{highlight}}",

"colourWhiteText":

"h1",

Here are screen shots of the pdf highlights and a comment followed by the Bibnotes Formatter output in obsidian Reading view:

bibnotes pdf highlight input

bibnotes highlight output

crackage commented 1 year ago

Correction on the html: closing span tags did not display. They need to be there of course.

q7z commented 1 year ago

It's sloppy/inefficient right now as I never got around to cleaning it up or finding a better solution BUT: I'm using HTML to format my pdf highlight-extractions into colored text among other things like list display, etc. It seems to work with a few tiny bugs. Note: My highlights in pdfs were not recognized and converted to the corresponding html formatting I defined in bibnotes-formatter-settings until I highlighted in the exact 5 colors zotero recognizes. So I had to define custom highlight colors according to the zotero color codes within my pdf editor (I use pdf x-change editor). I don't know how to get magenta, orange, cyan highlights recognized. I'm not using zotfile but was wondering if I could get these aforementioned color highlights recognized by bibnotes-formatter if I highlight in some unique color code for cyan, orange, gray, & magenta respectively? Black, however, is recognized as a black {{highlight}} annotation when I use black underlining in my pdf editor.

My html formatting settings (as stored in the data.json file) in the plugin look like:

"commentCustomTextBefore":

"",

"commentCustomTextAfter":

"</span",

"colourYellowText":

"{{highlight}}",

"colourPurpleText":

"
{{highlight}}",

"colourRedText":

"{{highlight}}",

"colourGreenText":

"{{highlight}}",

"colourBlueText":

"{{highlight}}",

"colourBlackText":

"{{highlight}}",

"colourWhiteText":

"h1",

Here are screen shots of the pdf highlights and a comment followed by the Bibnotes Formatter output in obsidian Reading view:

A Philosophy Student using obsidian! How rare, would love to get in touch to discuss your workflow as one philo student to the next :)

stefanopagliari commented 1 year ago

The latest version includes a new setting that imports the original highlight colour by applying the html tag used by the highlights plugin

stefanopagliari / bibnotes