# How to mix Markdown and Interact.jl?

**URL:** <https://discourse.julialang.org/t/how-to-mix-markdown-and-interact-jl/50248>\
**Category:** New to Julia\
**Tags:** question\
**Created:** [November 16, 2020, 9:12pm UTC](https://discourse.julialang.org/t/how-to-mix-markdown-and-interact-jl/50248 "2020-11-16T21:12:07Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jojo\_Dad](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/jojo_dad/32/8620_2.png) [@Jojo\_Dad](https://discourse.julialang.org/u/Jojo_Dad)\
**Post date:** [November 16, 2020, 9:12pm UTC](https://discourse.julialang.org/t/how-to-mix-markdown-and-interact-jl/50248/1 "2020-11-16T21:12:07Z")

</div>

I tried my first steps on WebIO + Interact.jl by

```julia
function app(req)
    mymarkdown = md"""
# Hello, Markdown!
## Lorem ipsum

* Point 1
* Point 2

Cauchy-Schwartz inequality:

$$\left(\sum_{k=1}^n a_k b_k \right)^2 \leq
  \left(\sum_{k=1}^n a_k^2 \right) \left(\sum_{k=1}^n b_k^2 \right)$$"""

    el = @manipulate for A=0.1:0.2:3
        x=0:0.01:2*π;
        y=sin.(A*x);
        plot(x,y)
    end
    
    return Node(:div, Node(:div,pad(1em, mymarkdown)(background("#fff1f0"))),
                      Node(:div,pad(1em, el)(background("#fff1f0"))))
end

```

In Jupyter all looks perfectly.

 ![image](https://global.discourse-cdn.com/julialang/original/3X/0/d/0d2be5f218414fc9b634aafec4633eda3e97246c.png)

Without the interact.jl code (variable `el`), the Markdown is rendered nicely even using `webio_serve(page("/", app), 8000)` by when adding `el=@manipulate...` it all formatting is lost.

 ![image](https://global.discourse-cdn.com/julialang/original/3X/6/2/6218d92bee299c0544982da6b0db3721281d8565.png)

Is there any WebIO or Interact.jl specialist here?

---

<div class="post-metadata">

**Author:** ![Jojo\_Dad](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/jojo_dad/32/8620_2.png) [@Jojo\_Dad](https://discourse.julialang.org/u/Jojo_Dad)\
**Post date:** [November 16, 2020, 10:33pm UTC](https://discourse.julialang.org/t/how-to-mix-markdown-and-interact-jl/50248/2 "2020-11-16T22:33:41Z")

</div>

Seems `settheme!(:nativehtml)` fixes it…