mgmeyers / obsidian-contextual-typography Goto Github PK
View Code? Open in Web Editor NEWLicense: GNU General Public License v3.0
License: GNU General Public License v3.0
When using the image grid feature;
If the file extension of the first image in a row declaration includes capitals (.Jpg, .jPg, .jpG, .JPG) rather then «.jpg» the images will not display in a row.
Sandbox Vault with no plugins enabled. The spacing between the frontmatter and body has no issue (Normal, Expected Spacing)
With Contextual Typography installed (still in Sandbox Vault) there is all of a sudden additional spacing between the frontmatter and the body. The size of the frontmatter section also becomes smaller
I have seen this issue occur when container
is used as a tag. Maybe there is a CSS class that is getting applied when this tag is used.
I find it a bit disconcerting when a new note opens with the top of the note in the vertical middle of the pane. I would prefer if the windows opens with the top of the note at the top of the pane. It shouldn't start auto scrolling until I'm starting to type below the vertical middle of the pane. Maybe this could be an option
I do not know how this unexpected behaviour is created, but when I activate contextual typography I find that exported pdf files regularly miss seemingly random paragraphs of the document's plain text.
Deactivating the plugin and restarting Obsidian leads to complete pdf text again.
I am not sure whether the problem is actually created by contextual typography as I have quite a number of plugins activated. It might also be that there is some incompatibility to other plugins.
Would it be possible to slightly extend this plugin to also add an attribute to the div tags specifying the current heading level? This would be very helpful in being able to apply specific CSS styling to text in specific heading levels. Here is an example:
# H1
Some text at H1 level.
## H2
Some text at H2 level.
# H1 again
Some more test at H1 level.
would produce
<div heading-level="h1"><h1>H1</h1></div>
<div heading-level="h1"><p>Some text at H1 level.</p></div>
<div heading-level="h2"><h2>H2</h2></div>
<div heading-level="h2"><p>Some text at H2 level.</p></div>
<div heading-level="h1"><h1>H1 again</h1></div>
<div heading-level="h1"><p>Some more text at H1 level.</p></div>
I don't know if the problem is with Contextual Typography or how Obsidian Banner plugin has been coded but when they are both active the icons of Obsidian Banner plugin are cut off. Maybe you can have look at this issue: noatpad/obsidian-banners#27.
The attribute/classes provided by the plugin doesn't match the content in some cases:
img
tags appear as a p
tables
appear as a div
ul
appear as a div
It seems that in both cases this is due to the fact that Obsidian wraps those elements in the aforementioned tags, however it would be useful to have the correct tags available.
Obsidian Leaflet is a plugin that enables users to embed maps. It has a similar usage as Dataview but is not yet supported by Contextual Typography.
Example notation:
```leaflet
id: test```
It seems that Leaflet blocks are not being picked up in the data-block-language
. Currently they render only as el-pre
elements.
The screenshot from dev tools below compares Leaflet first and Dataview second:
I found an interesting edge case see issue 81 of Minimal Theme
The are three ways to embed images:
![test](https://test.com/remote.png)
(Markdown remote image)![[local.png]]
(Wikilink local image)![test](local.png)
(Markdown local image)When using the third format, .el-embed-image
does not appear on the parent container. It works for the other two.
i hope u can consider extending this plugin's general features to editing view. i use bullets a lot (like roam or logseq) where there're header and sublists is the smaller header (per screenshot below).
currently obsidian does not provide class that identify the div
contains bullet that also contains header (.cm-header-x
). perhaps as starting point, giving data-tag for divs that has .cm-header-x
properties, making the parent div
identifiable as header div
. in my case, i can add bottom border for the whole length of the div
(not just the span
), or even background color -- making them almost identical to reading view.
thanks.
hope you are fine. Waiting for your ans. thank you.
The plugin blocks image size formatting from working when 'Readable line length' is enabled in Obsidian's settings. An instruction to resize an image, such as "![[image.jpg|100]]", will not change the size.
In addition, it causes small images to cover the entire width of the note, these cannot be made smaller and they look obviously pixelated. When 'Readable line length' is disabled the image size formatting synthax works again.
This report is specifically for the Ars Magna theme, I don't know if it has the same effect on other themes (I assume it does).
Hi, I'm trying to better understand your plugin. It feels powerful, thanks for developing it. I was wondering if you could add some more examples and/or explanation of (possibilities of the) syntax on your Github page. Or maybe point to a page where the syntax possibilities are explained? Thanks in advance.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.