Een Visio-diagram weergeven op een webpagina

Van toepassing op
Visio Abonnement 1 Visio Professional 2024 Visio Professional 2021 Visio Professional 2019 Visio Professional 2016

Er zijn verschillende manieren om een Visio-diagram weer te geven op een webpagina, zoals in een blog, in SharePoint of met een webtoepassing. Plattegronden, tijdlijnen, processtromen, netwerkdiagrammen, enzovoort, zijn beter vindbaar en bruikbaarder wanneer ze op het web worden gebruikt. Bovendien worden wijzigingen die in het oorspronkelijke diagram in Visio zijn opgeslagen, automatisch weergegeven op de webpagina, zodat belanghebbenden en andere gebruikers de meest recente diagrammen te zien krijgen.

Belangrijk

Standaard. iemand volgt een ingesloten koppeling door Ctrl ingedrukt te houden en op de koppeling te klikken. Als u echter wilt dat uw gebruikers alleen op een koppeling hoeven te klikken om die te volgen, voegt u aan het einde van het iframe src-kenmerk in de insluitcode toe&wdClickOnlyHyperlinks=true.

Een diagram toevoegen aan een webpagina met behulp van OneDrive - persoonlijk Invoegcode

  1. Als u nog geen OneDrive-account hebt, kunt u hier een account maken.
  2. Upload het Visio-bestand zo nodig naar OneDrive - persoonlijk.
  3. Ga naar de map met het Visio-bestand en selecteer dit.
  4. Selecteer Insluiten en selecteer vervolgens Genereren in het deelvenster Insluiten.
  5. Pas desgewenst de grootte van het zoomniveau aan en kopieer de invoegcode naar de webpagina of toepassing.

Een diagram toevoegen aan een hedendaagse SharePoint-pagina met behulp van de webversie van Visio Invoegcode

  1. Navigeer naar de documentbibliotheek met het Visio-bestand.
  2. Selecteer de bestandsnaam om het Visio-diagram te openen.
  3. Selecteer Meer opdrachten weergeven (...)>Insluiten.
  4. Kopieer in het dialoogvenster Insluiten de Insluitcode.
  5. Pas desgewenst de breedte en hoogte aan en kopieer vervolgens de insluitcode.
  6. Maak indien nodig een hedendaagse SharePoint-pagina waarop u het Visio-diagram wilt invoegen. Zie Een pagina toevoegen aan een site voor meer informatie.
  7. Ga naar de pagina van SharePoint voor moderne SharePoint, voeg het webonderdeel Insluiten toe en voeg de insluitcode daaraan toe.
    Zie Het webonderdeel Insluiten gebruiken op een hedendaagse pagina voor meer informatie.

Een diagram toevoegen aan een moderne SharePoint-pagina met behulp van het webonderdeel Bestand en media

  1. Maak indien nodig een hedendaagse SharePoint-pagina waarop u het Visio-diagram wilt invoegen. Zie Een pagina toevoegen aan een site voor meer informatie.
  2. Ga naar de pagina van het moderne SharePoint.
  3. Zoek de Werkset (pictogram Werkset in het inhoudsdeelvenster ) aan de rechterkant. Selecteer Alle webonderdelen weergeven en selecteer of sleep vervolgens Bestanden en media in de lijst met webonderdelen.
  4. Blader naar het Visio-diagram dat u wilt invoegen en kies Document toevoegen.

Zie Webonderdelen gebruiken op SharePoint Online-pagina's voor meer informatie.

Een diagram toevoegen aan een klassieke SharePoint-pagina met de opdracht Invoegcode

  1. Navigeer naar de documentbibliotheek met het Visio-bestand.
  2. Als u het Visio-diagram wilt openen in de webversie van Visio, selecteert u het Visio-bestand.
  3. Selecteer Meer opdrachten weergeven (...)>Insluiten.
  4. Kopieer in het dialoogvenster Insluiten de Insluitcode.
  5. Ga naar de webpagina waaraan u het Visio-diagram wilt toevoegen.
  6. Selecteer Pagina>bewerken.
  7. Klik in het bewerkbare gebied op de webpagina.
  8. SelecteerInvoegcodeinvoegen>.

Als u een hyperlink in een diagram wilt volgen, houdt u Ctrl ingedrukt en klikt u op de hyperlink. 

Een Visio-mashup voor het web maken met de Visio JavaScript-API

Visio JavaScript-API's maken programmatische toegang tot Visio mogelijk voor de webdiagrammen op een SharePoint-pagina. Gebruik de API's om eerst een Visio-diagram in te sluiten in een HTML <Iframe-element> , waarna u met de diagramelementen kunt werken via een Script Editor-webonderdeel. Zie Migreren van Visio Web Access naar de webversie van Visio voor meer informatie over belangrijke concepten en codevoorbeelden om aan de slag te gaan.

Zie ook

Help voor de webversie van Visio

Webversie van Visio: Veelgestelde vragen

Afschaffing van de Silverlight-modus in Visio Web Access