search

arturadib / strapdown

Instant and elegant Markdown documents in the browser
http://strapdownjs.com
MIT License
2.48k stars 410 forks source link

Not working in html template #65

Closed kingRayhan closed 7 years ago

kingRayhan commented 8 years ago

It's not working in html template.

consider the following markup

<div class="container">
  <div class="row">
    <div class="col-md-6 col-md-offset-2">
      <div class="panel panel-default">
        <div class="panel-heading">
          Hello World
        </div>
        <div class="panel-body">
              <xmp theme="united" style="display:none;">
              # Markdown text goes in here

              ## Chapter 1

              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
              et dolore magna aliqua. 

              ## Chapter 2

              Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
              aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
              cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
              culpa qui officia deserunt mollit anim id est laborum.
              </xmp>
        </div>
      </div>

    </div>
  </div>

See in codepen ->> http://codepen.io/kingRayhan/pen/pydgjv Even , if I include strapdown.js in a html template , all content become blank.

However it's only work in this format which is showed in http://strapdownjs.com website.

<!DOCTYPE html>
<html>
<title>Hello Strapdown</title>

<xmp theme="united" style="display:none;">
# Markdown text goes in here

## Chapter 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. 

## Chapter 2

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum.
</xmp>

<script src="http://strapdownjs.com/v/0.2/strapdown.js"></script>
</html>

See in Codepen ->> http://codepen.io/anon/pen/JXOGmv

I couldn't wrap the <xmp> .... </xmp> in any html tag.