Giter Site home page Giter Site logo

obsidian-contextual-typography's People

Contributors

mgmeyers avatar mordv avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

obsidian-contextual-typography's Issues

Image grid feature is case sensitive

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.

Frontmatter Tags with value `container` applies extra padding to body

Expected Result

Sandbox Vault with no plugins enabled. The spacing between the frontmatter and body has no issue (Normal, Expected Spacing)

Without Plugin

Current Result

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

With Plugin

Additional

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.

Enhancement - top of note should never be below top of pane

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

Missing text in pdf export

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.

Add attribute describing current heading level

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>

Add attributes for images and tables

The attribute/classes provided by the plugin doesn't match the content in some cases:

  • img tags appear as a p
  • Dataview tables appear as a div
  • Dataview 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.

Add support for Leaflet plugin

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:

Screen Shot 2022-01-09 at 3 14 11 PM

[request] add data-tag for editing view (especially for lists)

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.

image

Breaks image size formatting when 'Readable line length' is enabled

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).

Could you add more examples and/or explanation of your plugins possibilities?

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.