File Manager

X7ROOT File Manager

Current Path: /home/cbholdings/pasukulu/admin/tool/componentlibrary/content/library

home / cbholdings / pasukulu / admin / tool / componentlibrary / content / library /

📁 ..
📄 _index.md(86 B)
📄 adding-images.md(1.08 KB)
📄 adding-pages.md(2.22 KB)
📄 component-library-backend.md(2.08 KB)
📄 example-files.md(2.35 KB)
📄 getting-started.md(1.72 KB)
📄 moodle-javascript.md(1.15 KB)
📄 moodle-templates.md(1.38 KB)
📄 syntax-highlighting.md(2.03 KB)

Editing: adding-images.md

---
layout: docs
title: "Adding images"
date: 2020-02-04T09:40:32+01:00
draft: false
weight: 2
---

## Images

Images that need to be show in the component library should be placed in a separate folder for each new page.

The Markdown file for this page is located here:

```
└── content
     └── moodle
         └── getting-started
            └── adding-images.md
```

To access images for this page create a new folder here.

```
└── static
     └── moodle
         └── getting-started
            └── adding-images
```

Place your images in this new folder:

```
└── static
     └── moodle
         └── getting-started
            └── adding-images
                ├── wildebeest-1200.jpg
                ├── kitten1.png
                └── kitten2.png
```

To use images use this syntax:

Syntax for markdown (.md) files:

```
{{</* image "wildebeest-1200.jpg" "Image of a Wildebeest" "img-fluid" */>}}
```

Rendered result on this page:

{{< image "wildebeest-1200.jpg" "Image of a Wildebeest" "img-fluid">}}

X7ROOT File Manager

Editing: adding-images.md

Upload File

Create Folder