Difference between revisions of "Dealing with Images"

From The System Administrator Zone
(Created page with "Category:Scrivener MultiMarkdown currently has problems with images. == Using the $img tag == <$img:NameOfImage;w=1024> to assign a width of 100 pixels>")
 
Line 2: Line 2:
  
  
MultiMarkdown currently has problems with images.
+
Scrivener with MultiMarkdown currently has problems with images.
  
 +
== Using the Markdown Syntax ==
 +
 +
The syntax is pretty straight forward:
 +
 +
![alt text](path/to/image.ext "optional title/description")
 +
 +
I imported images into the project, in an image folder.  You are supposed to be able to enter the following;
 +
 +
![Enterprise](../images/enterprise.png)
 +
 +
The implication in all the documentation is that the leading "../" will create an internal reference. Unfortunately, when I tried it, it always added "file://" to the beginning of the path, forcing it to be and external reference. 
 +
 +
== Using Links to Internet Images ==
 +
 +
Michael Hyatt discusses this in his [https://michaelhyatt.com/multimarkdown.html blog post].
 +
 +
![This is the alternate text](http://michaelhyatt.com/images/mh-logo.jpg "My Logo")
  
  
 
== Using the $img tag ==
 
== Using the $img tag ==
  
<$img:NameOfImage;w=1024> to assign a width of 100 pixels>
+
 
 +
 
 +
<$img:NameOfImage;w=1024>  
 +
 
 +
This will find and image file named '''NameOfImage''' and assign it a width of 100 pixels.

Revision as of 18:11, 1 October 2017


Scrivener with MultiMarkdown currently has problems with images.

Using the Markdown Syntax

The syntax is pretty straight forward:

![alt text](path/to/image.ext "optional title/description")

I imported images into the project, in an image folder. You are supposed to be able to enter the following;

![Enterprise](../images/enterprise.png)

The implication in all the documentation is that the leading "../" will create an internal reference. Unfortunately, when I tried it, it always added "file://" to the beginning of the path, forcing it to be and external reference.

Using Links to Internet Images

Michael Hyatt discusses this in his blog post.

![This is the alternate text](http://michaelhyatt.com/images/mh-logo.jpg "My Logo")


Using the $img tag

<$img:NameOfImage;w=1024> 

This will find and image file named NameOfImage and assign it a width of 100 pixels.