Code Monkey home page Code Monkey logo

obsidian-meta-bind-plugin's Introduction

Obsidian Meta Bind Plugin

This plugin can create input fields inside your notes and bind them to metadata fields.

New docs

I am currently working on new docs for this plugin. https://mprojectscode.github.io/obsidian-meta-bind-plugin-docs

How to use

To create an input field you have to write an inline code block or normal code block starting with INPUT. Then in square brackets the type of input field, in round brackets arguments and finally behind a colon the metadata field to bind to.

Examples:

  • INPUT[toggle] will create an unbound toggle
  • INPUT[slider:rating] will create a slider bound to the metadata field rating of this note
  • INPUT[text:task#completedOn] will create a text input bound to the metadata field completedOn of the note with the name task

The plugin also allows further customization with arguments. So the complete syntax looks like this:

INPUT[input_type(argument_name(argument_value), argument_name_2, ...):file_name_or_path#metadata_field]

For more examples see the exampleVault folder.

Input field types

  • slider a slider from 0 to 100 (custom ranges can be set using minValue and maxValue, see below)
  • toggle a toggle element
  • text a text field
  • text_area a bigger text field
  • select a select input field, only for code blocks
  • multi_select a multi-select input field, only for code blocks
  • date a date input field

Arguments

  • class(class_name) adds a css class to the input field
  • addLabels only for slider, adds labels for the min and max values
  • minValue(value) only for slider, sets the min value
  • maxValue(value) only for slider, sets the max value
  • option(value) only for (multi-)selects, adds an option to the select
  • title(value) only for (multi-)selects, adds a title to the select input

How to install

You must manually download the zip archive from the latest release here on GitHub.
After downloading, extract the archive into the .obsidian/plugins folder in your vault.

The folder structure should look like this:

[path to your vault]  
|_ .obsidian  
   |_ plugins  
      |_ obsidian-meta-bind-plugin  
         |_ main.js  
         |_ manifest.json  
         |_ styles.css  

Problems, unexpected behavior or improvement suggestions?

You are more than welcome to open an issue on GitHub.

The sync seems laggy

This is intentional. To reduce the load on your hard drive the plugin ony syncs about 5 times a second. There is a setting to change the sync interval, but I don't recommend changing it.

Contributions

Thank you for wanting to contribute to this project.

Contributions are always welcome. If you have an idea, feel free to open a feature request under the issue tab or even create a pull request.

obsidian-meta-bind-plugin's People

Contributors

mprojectscode avatar

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.