Author Options:

Instructables editor Answered

Maybe there is already an instructable for creating instructables, but so far I have not found it, and I'm having trouble putting an instructable together. I find the editor "clunky" to say the least. Can't find any way to place photos where they belong in relation to the text, and can't separate multiple photos in the same "step". Can anybody point me in the right direction?



3 years ago

It's not clunky so much as it is restrictive. The default format for each step is picture(s) first, then text. If you want anything different, you'll need to wrangle the default format using HTML.

A possible workaround could be: numbering the pictures with numbers that are a part of the actual picture, so you can refer to them by number in your text.


3 years ago

Ok, textbox does not work here, but I hope you still get the picture with the HTML code.

Some tipps from a frustrated user:
When adding image links in your text do it by pasting the link into a new line and then press "Enter".
This way the image actually appears.
After that you can delete or insert lines to get the image where you want.

Scrollbox: <textarea style="width: 600px; height: 300px;" rows="20" readonly="readonly" name="code" cols="75">

To get smaller sizes you use HTML code.
<img src="Image-Link" width="200">

Leave the brackets and replace Image-Link with the actual link.

For videos it works the same way as above and to embed them with custom options:

allowfullscreen="" src="//www.youtube.com/embed/##video-link##"
frameborder="0" height="281" width="500"></iframe>

Replace the ##video-link## with the last bit of a youtube link - the bit that comes after "Watch?v="....


3 years ago

Clunky may be one of the more polite ways to put it but the system autoarranges and resizes your image list for display. You really can't put an image, have text, show another image, more text. You can put image notes when you edit the photo but sometimes they do not display correctly especially when they do some backend changes to the system. There are adventurous types who have tried to embed freeform HTML code to manipulate the fonts and display but will find the instructable might choke as it does not expect such code. A video can be embedded anywhere in the text though. Good luck.