一个my-doc-jsx插件的模块，用于开发my-doc-jsx的插件资源-CSDN文库

共28个文件

js：16个

json：3个

ts：2个

开发工具

112 浏览量 2024-03-01 12:51: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

<!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>

评论收藏

内容反馈