画像表示サンプル
================

Markdown書式あるいはHTMLタグを利用することでプレビュー上で画像を表示することができます。


Markdown記法
-----------------------

リンクの書式の頭に!をつけると画像の貼り付けになります。  

URLを指定することでネットワーク上から画像を呼び出して表示することができます。  
![alt文字列](http://olivinecafe.info/software/olivineeditor/images/icon64.png)

また、OlivineEditorが置かれているディレクトリからの相対パスで画像を呼び出して表示することができます。  
![alt文字列](images/sample.png)


imgタグ
-----------------------

htmlのimgタグで画像を表示することも可能です。

<img src = "images/sample.png">

imgタグを利用すると表示サイズなども指定可能です。  
<img src = "images/sample.png" width="32" height="32">


画像のインポート
-----------------------

右クリックメニューまたは上部メニューのエディタにある「画像をインポートして挿入」機能を使うと便利です。

自動で指定ファイルをOlivineEditorが置かれているディレクトリのimagesフォルダにコピーします。  
ファイル名はデータから自動生成され、同じ内容のファイルには同じ名前がつけられます。
その上で、現在のカーソル位置にMarkdown形式の呼び出しタグを挿入します。

以下のようなタグが生成されます。

![sample.png](images/b78c8c33a1f41ac090b0f89184502fc8.png)