# Atlaskit's Wikimarkup Transformer doesn't render media images properly

**URL:** <https://community.developer.atlassian.com/t/atlaskits-wikimarkup-transformer-doesnt-render-media-images-properly/54977>\
**Category:** Jira Cloud\
**Tags:** editor-core, wiki-markup, jira-cloud, atlaskit\
**Created:** [January 11, 2022, 10:59am UTC](https://community.developer.atlassian.com/t/atlaskits-wikimarkup-transformer-doesnt-render-media-images-properly/54977 "2022-01-11T10:59:04Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![nildeepsinh.chauhan](https://avatars.discourse-cdn.com/v4/letter/n/6f9a4e/32.png) [@nildeepsinh.chauhan](https://community.developer.atlassian.com/u/nildeepsinh.chauhan)\
**Post date:** [January 11, 2022, 10:59am UTC](https://community.developer.atlassian.com/t/atlaskits-wikimarkup-transformer-doesnt-render-media-images-properly/54977/1 "2022-01-11T10:59:04Z")

</div>

Hello, I’m using Atlaskit’s Editor Core component and renders its data in Atlaskit Renderer. I’m using wikimarkup transformer to encode the data. However when I insert an image and format it to align left, right, wrap-left or wrap-right, large size or small, wikimarkup doesn’t take “layout” or size into its account. it only displays center align.

```auto
const convertToWikimarkup = doc => {
  const transformer = new WikiMarkupTransformer();
  let updateddoc = transformer.encode(doc);
  return updateddoc;
};

```

here’s “updateddoc” doesn’t take layout “align-center” or size.

```auto
0: {type: 'bulletList', content: Array(5)}
1:
attrs: {layout: 'align-start'}
content: [{…}]
type: "mediaSingle"
[[Prototype]]: Object
2: {type: 'paragraph', content: Array(0)}
length: 3

```

Am I missing something else ? Your help is very appreciated.

---

<div class="post-metadata">

**Author:** ![paul](https://sea1.discourse-cdn.com/atlassiandeveloper/user_avatar/community.developer.atlassian.com/paul/32/37935_2.png) [@paul](https://community.developer.atlassian.com/u/paul)\
**Post date:** [January 13, 2022, 12:05am UTC](https://community.developer.atlassian.com/t/atlaskits-wikimarkup-transformer-doesnt-render-media-images-properly/54977/2 "2022-01-13T00:05:00Z")

</div>

I’ve had a DEVHELP issue open for this for over two months now. I still don’t have a proper answer yet but it sounds like you may have to have a media token for the images to display. I’ve asked where I can get this but have no answer

Paul

---

<div class="post-metadata">

**Author:** ![nildeepsinh.chauhan](https://avatars.discourse-cdn.com/v4/letter/n/6f9a4e/32.png) [@nildeepsinh.chauhan](https://community.developer.atlassian.com/u/nildeepsinh.chauhan)\
**Post date:** [January 19, 2022, 11:39am UTC](https://community.developer.atlassian.com/t/atlaskits-wikimarkup-transformer-doesnt-render-media-images-properly/54977/3 "2022-01-19T11:39:54Z")

</div>

Hi Paul,

images are showing in renderer but when user apply the image formats such as “align-left”, “align-right” or resize the image “small” or “large” from the editor, wikimarkup simply doesn’t take into its account and applies only default changes i.e “center” align and medium size.