Giter Club home page Giter Club logo

Comments (4)

xiguaxigua avatar xiguaxigua commented on June 16, 2024

I don't quite understand what you mean. I want to confirm. Do you mean that after setting the page, only load the lib of drawio on the corresponding page, and not load it on other pages, so as to improve the access speed of other pages?

from docusaurus-plugin-drawio.

jguidoux avatar jguidoux commented on June 16, 2024

Sorry, I was probably not clear.
I have a draw.io diagrams. On this diagram I have 2 "pages" (maybe "page" is not the best word), named "page-1" and "page-2" as shown in the picture below
image

I would like in my Docusaurus document to display only the diagram of the "page-2". But I don't know how to do that.

In my Docusaurus mdx file, I have this content :

import Drawio from '@theme/Drawio'
import simpleGraph from '!!raw-loader!./draws/test-draw.io';

# Titre

<Drawio content={simpleGraph} />

The result of this piece of code is : 
image

As you can see, Docusaurus does not show the diagram I wish. It shows the diagram of the "page-1". But I would like to show the diagram of the "page-2".
This is a simple example. I have another draw.io diagram which is composed of more than 10 "pages".
Is there a way to indicate to Docusaurus, using the plugin, which diagram, or which "page" of the draw.io diagram, we would like to show ?

from docusaurus-plugin-drawio.

xiguaxigua avatar xiguaxigua commented on June 16, 2024

Thank you for your supplementary instructions, now I have added the page props in v0.0.3 version, you can try it, and discuss it in time if you have any questions

from docusaurus-plugin-drawio.

jguidoux avatar jguidoux commented on June 16, 2024

I just tried the new version. That is perfect :). Thank you to be so reactive.

from docusaurus-plugin-drawio.

Related Issues (9)

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.