Display preformatted html text by refer to a html element

by Vue.js Examples

vue-html-code-viewer

Vue component file experiments.

Usage

import HtmlCodeViewer from 'vue-html-code-viewer'

Vue.use(HtmlCodeViewer)

new Vue({/* ... */})

<!-- already included Bulma css -->
<div class="columns">
  <div id="target" class="column">
    <div>
      <span>YO</span>
    </div>
  </div>
  <div class="column">
    <HtmlCodeViewer el="#target"></HtmlCodeViewer>
  </div>
</div>

expected result:

GitHub