Skip to main content

Using Markdown

Comments

68 comments

  • James

    @yshaya - Not at the moment, images will fill with width.

    1
  • yshaya

    Is there any way to adjust the size of images shown in annotations? As I read through the documentation of Markdown I couldn't find such options, but would be happy to know any tricks. 

    1
  • James

    If you put a backslash (`\`) in front of the hash, it should "escape" it and put a literal hash instead of turning it into a markdown header.

    1
  • James

    Thanks! It's working on my end:

    I don't think it has anything to do with the Markdown from what I can see. This model is quite heavy, over 3 million polygons. I suspect it's just too much for your device/browser, especially a mobile device.

    Also, you uploaded a 16k texture, but the maximum we render is 8k (8192 x 8192), so your full resolution texture is never used. You can read more about performance here:

    https://help.sketchfab.com/hc/en-us/articles/201766675-Viewer-Performance

    By the way, it's against our Terms of Service to hide the Sketchfab logo/watermark/link in your embed like that. The Business account allows you to remove the external link from the logo, and the Enterprise account allows you to remove the logo completely.

    https://sketchfab.com/plans

    0
  • virtualsweden

    I guess markdown is not working on Collection description? OR am I missing something?

    0
  • kerkstra

    In my annotation, if I wanted to type out #4 Rebar to be Used. How do I get the "#" to show up?

    0
  • James

    Hello,

    I'm afraid that changing the size of images in annotations is not planned.

    If you need that level of customization, I would recommend looking into the Viewer API instead. You could hide the "default" annotation tooltips and display whatever content you like on top of the viewer.

    https://sketchfab.com/developers/viewer/examples?sample=User%20Annotation

    0
  • James

    Hi toppan_equator - I'm afraid that Markdown is not supported in annotation titles, only descriptions.

    0
  • lmendelson

    MANiacos - I've done it where the image itself links to a large view in its own tab using the following syntax:

    [ ! [ ] (image url) ] (image url)

    0
  • James

    @bematrix - Yep! Glad you figured it out :)

    You can also combine the different markdown items together, for example, an image that is a link:

     [![](link/to/img)](link/to/page)

    0
  • James

    Nope ;)

    0
  • Optics_Balzers_AG

    I've thought it would be cool to have one click “Zoom out / Zoom in” function for the images shown in annotations.

    0
  • James

    Not at the moment, but it's something we're thinking about adding.

    0
  • sakanatik

    Hi. Are they still working? I can create them and visualize them in edition but they are not displayed.

    0
  • James

    Hi @jwillow

    Sorry, that's correct. JavaScript is not permitted in our Markdown implementation. It would represent to great a security risk.

    0
  • theovasilis

    Hi, a +1 for controlling the size of the displayed images relative to the viewer. In most of my cases they need to be bigger. Cheers!

    0
  • James

    Hello,

    All links in annotations have the target="_blank" attribute set. That means they will open in a new tab or a new window, but as far as I know, it depends on on your browser settings.

    If you want more robust control over the experience. I recommend looking into the Viewer API: https://sketchfab.com/developers/viewer

    Here's an example of opening popups on top of the 3D viewer (go through a few steps of the tour, click a furniture item, or click a "Play" object: https://www.sandlerseating.com/neocon

    0
  • James

    No worries! This is more about Markdown syntax in general, not really something specific to Sketchfab.

    You make a link in markdown like this:

    [Text](http://example.net/)

    And you embed an image like this:

    ![](https://website.com/path/to/img.jpg)

    So, you can combine these two things to make an image that is a link. Just insert the image instead of Text:

    [![](https://website.com/path/to/img.jpg)](http://example.net/)
    0
  • matsgaohlsson

    I have just learned how to get images visable in an annotation.

    Then I tried to make it clickable by using the syntax [![](link/to/image)](https://.../../imagename.jpg). The link to the image is still there but the image in the annotation frame is exchange by a boring thumbnail symbol. How to avoid this result? 

     

     

    0
  • InteractiveModels

    @James Google Pixel 2 XL and Samsung Note 9.

    0
  • lmendelson

    Hey James, is it possible through a URL parameter or utilizing Markdown to force a link in an annotation to open in the same tab in the browser?

    0
  • kerkstra

    Is it Possible to add a annotation with an image as the title to a link?

    0
  • jwillow

    Hi, we're trying to call a functions on the page when the user clicks on an embedded image, like the second notation here: https://sketchfab.com/models/f73caed4328e4af7b5411001ca1a5de5

    Normally markdown allows javascript code, like this:

    [markdown link](javascript:alert("foo");)

    I'm guessing this is not permitted in your markdown? Thanks.

    0
  • James

    Yep, that's exactly what I was going to recommend.

    0
  • Louig464

    Hi, I am new to sketchfab and it has been great to work with thus far. I have been able to upload my virtual model to stetchfab and add the simple text annotations easily but what I would like to do is add images, like that shown in the markdown or annotate my model similar to https://labs.sketchfab.com/experiments/annotations-sync/.

    I can usually find my way around a computer, and programs, easily but I am not familiar/novice with coding, etc on computers. I acknowledge that the codes have been provided but I don't know how to add them to my sketchfab model. I am trying to work it out, and find where and how I have to add the codes, but I am getting lost and unable to add these so that I can provide annotations with images & diagrams. 

    I was hoping you could provide a step by step explanation/instruction of how I can achieve either of these forms of annotations. Thanks.

    0
  • James

    Hey,

    I'm afraid it's not possible at the moment. All links in annotation will have target="_blank"

    What is the use case for opening in the same tab?

    0
  • James

    I'm afraid tables are not supported in descriptions or annotations at the moment. What's the use case?

    0
  • matsgaohlsson

    I found the solution by reading Imendelson´s recipe. Thanks!

    0
  • gregg3d

    Is it possible to make a target="_self" instead of blank ?

    0
  • James

    Sorry I'm not sure I understand the question. You want the image to link somewhere? You want an image in the title of the annotation?

    0

Please sign in to leave a comment.