GithubHelp home page GithubHelp logo

mkdocs-plugin-inline-svg-mod's Introduction

mkdocs-plugin-inline-svg-mod

Reads SVG images referenced from Markdown and replaces them with the SVG file content

Since the SVG is included as part of the plain-text input to MkDocs, this means the default MkDocs search supports searching SVG text, and hyperlinks are also fully functional.

Usage

Install the package with pip:

pip install mkdocs-plugin-inline-svg-mod

Enable the plugin in your mkdocs.yml:

plugins:
    - search
    - inline-svg

Note: If you have no plugins entry in your config file yet, you'll likely also want to add the search plugin. MkDocs enables it by default if there is no plugins entry set, but now you have to enable it explicitly.

More information about plugins in the MkDocs documentation

Options

You can filter with the extension to select files to be inline. Useful to mix regular and inlined svgs.:

plugins:
    - search
    - inline-svg:
        extension: ".inline.svg"
        delete: "<regex-string>"

The delete parameter will remove the matching string from the SVG file content. Example:

Sample SVG content

<svg>
<defs>
</defs>
<svg>

YAML config delete: "(?s)<defs>.*</defs>|\n"

SVG content loaded into HTML will become:

<svg></svg>

Credits

I am not really a Python programmer, so I have borrowed plugin setup / utils / inspiration from:

rajguru7 I have cloned this from https://gitlab.com/nicolas.dupont/mkdocs-plugin-inline-svg/-/tree/master which is a fork of https://gitlab.com/craig0990/mkdocs-plugin-inline-svg

Credits to @craig0990 and @nicolar.dupont (GitLab) for the base plugin.

mkdocs-plugin-inline-svg-mod's People

Contributors

rajguru7 avatar

Watchers

 avatar

Forkers

callumforrester

mkdocs-plugin-inline-svg-mod's Issues

Package installs as "src" from PyPi

When I install this via pip install it puts itself in a package called src rather than mkdocs-plugin-inline-svg-mod, making it essentially anonymous and possibly conflicting with other packages.

I'm not sure how the wheel on PyPi is built but possibly the repo just needs a pyproject.toml?

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.