31 lines
1.5 KiB
JavaScript
31 lines
1.5 KiB
JavaScript
"use strict";
|
|
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
|
|
var _vue = _interopRequireDefault(require("vue"));
|
|
|
|
var _posthtml = _interopRequireDefault(require("posthtml"));
|
|
|
|
var _ = _interopRequireDefault(require(".."));
|
|
|
|
var _highlight = _interopRequireDefault(require("highlight.js"));
|
|
|
|
new _vue.default({
|
|
el: '#app',
|
|
data: {
|
|
HTML: '<!DOCTYPE html><head><link href="main.css" rel="stylesheet" type="text/css"><!--[if IE 7]><link href="ie7.css" rel="stylesheet" type="text/css"><![endif]--><!--[if IE 6]><link href="ie6.css" rel="stylesheet" type="text/css"><![endif]--><!--[if IE 5]><link href="ie5.css" rel="stylesheet" type="text/css"><![endif]--><script src="https://unpkg.com/vue@2.6.10/dist/vue.js"></script><script>(function () {\'use strict\';function log(message) {console.log(message);}log(\'test :)\');}());</script></head><table><tr><th>Name</th><th>Description</th></tr><tr><td>A</td><td>Description of A</td></tr><tr><td>B</td><td>Description of B</td></tr></table><div><DIV class="first">first</div> <div class="middle"></div><div CLASS="last">last <b>line </b> <a href="#"> test</a></div></div><img src="img.png" alt=""><input type="text" required>'
|
|
},
|
|
computed: {
|
|
processingHTML() {
|
|
return _highlight.default.highlightAuto((0, _posthtml.default)().use((0, _.default)({
|
|
rules: {
|
|
indent: 2,
|
|
eol: '\r\n'
|
|
}
|
|
})).process(this.HTML, {
|
|
sync: true
|
|
}).html).value;
|
|
}
|
|
|
|
}
|
|
}); |