<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body, html{
padding: 0;
margin: 0;
height: 100%;
}
#frame{
display: flex;
height: 100%;
}
#doc, #docEdit{
flex: 1;
height: 100%;
overflow: auto;
padding: 0 5px;
border: 0;
}
</style>
</head>
<body>
<div id="frame">
<div id="doc"></div>
<textarea id="docEdit">
<doc>
<hello-world>
hello world!
<hello-world2>hello world2!</hello-world2>
</hello-world>
</doc>
</textarea>
</div>
<script src="./static/react.js"></script>
<script src="./static/babel.js"></script>
<script src="./static/myDocJsx.js"></script>
<script>
function renderDoc() {
var text = document.querySelector("#docEdit").value;
var script = myDocJsx.convert(text);
document.querySelector('#doc').innerHTML = script;
}
document.addEventListener("DOMContentLoaded", function () {
myDocJsx.usePlugin(new myDocJsxPluginTemplate)
renderDoc()
document.querySelector("#docEdit").addEventListener("input", function () {
renderDoc()
})
})
</script>
</body>
</html>
一个my-doc-jsx插件的模块，用于开发my-doc-jsx的插件
167 浏览量
2023-10-09
09:50:45
上传
评论
收藏 520KB ZIP 举报
my-doc-jsx-plugin-template-master.zip （28个子文件） 
my-doc-jsx-plugin-template-master src HTMLRender blockTags 
HelloWorld.js 399B HelloWorld.css 37B inlineTags HelloWorld2.scss 37B HelloWorld2.ts 443B MarkdownRender blockTags HelloWorld.js 275B inlineTags HelloWorld2.ts 324B index.js 761B tsconfig.json 147B LICENSE 1KB .babelrc 67B dist myDocJsxPluginTemplate.js 4KB package.json 2KB build dev-server.js 1KB webpack.prod.conf.js 383B build.js 564B dev-client.js 239B webpack.base.conf.js 2KB webpack.dev.conf.js 788B webpack.test.conf.js 289B package-lock.json 516KB karma.conf.js 2KB
index.html 1KB test test.spec.js 1KB .gitignore 396B doc-jsx README.jsx 2KB static babel.js 1.78MB myDocJsx.js 85KB react.js 125KB资源评论
