title: How do I change how Wagtail serves media over it's API?
body: <p>I'm currently trying to create a web application that uses Django + Wagtail for its backend content, and React for the frontend. As of now, upon pageload, I request all of the 'articles' from Wagtail via an http GET request. I then display this data in my frontend components.</p>
  
  <p>This has worked well, except for one issue that I have, which is that media within the article body is represented as an <code>&lt;embed /&gt;</code> tag with a local source. What I'd like instead is an <code>&lt;img /&gt;</code> tag with the src pointing to the url that the image is stored in. How can I go about changing this on the backend? I can't seem to find any kind of documentation regarding this issue.</p>
  
  <p>Here's what my get request response currently looks like: </p>
  
  <pre><code>{
      "id": 9,
      ...
      "title": "Child page",
      "date": null,
      "body": "&lt;p&gt;Here is a test image:&lt;/p&gt;&lt;embed alt=\"testimg\" embedtype=\"image\" format=\"fullwidth\" id=\"5\"/&gt;&lt;p&gt;&lt;/p&gt;",
      "author": "Isaac"
  }
  </code></pre>
  
  <p>Here's what I'd like it to look like:</p>
  
  <pre><code>{
      "id": 9,
      ...
      "title": "Child page",
      "date": null,
      "body": "&lt;p&gt;Here is a test image:&lt;/p&gt;&lt;img src="image-location-url"/&gt;&lt;p&gt;&lt;/p&gt;",
      "author": "Isaac"
  }
  </code></pre>
  
  <p>How should I go about this? Is this controllable with Wagtail settings configurations? Or should I be changing my Content model somehow? Thank you.</p>