# yer-ui

> 组件化封装 HTML 代码片段

Latest version **2.0.1** (published 2023-12-14) · MIT license · 0 weekly downloads

## Install

```sh
npm install yer-ui
pnpm add yer-ui
yarn add yer-ui
bun add yer-ui
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.1 |
| Published | 2023-12-14 |
| First published | 2023-05-20 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 58.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | mh.z |
| Maintainers | zhuangmaohui |
| Keywords | html |

## Links

- npm: https://www.npmjs.com/package/yer-ui
- Repository: https://github.com/magicodex/YueErUI
- Homepage: https://github.com/magicodex/YueErUI#readme
- Issues: https://github.com/magicodex/YueErUI/issues
- npm.io page: https://npm.io/package/yer-ui

## Alternatives

- [@tsparticles/shape-image](https://npm.io/package/@tsparticles/shape-image.md) — 303.7K weekly downloads
- [@tsparticles/shape-line](https://npm.io/package/@tsparticles/shape-line.md) — 233.7K weekly downloads
- [stringify-attributes](https://npm.io/package/stringify-attributes.md) — 58.6K weekly downloads
- [mobile-drag-drop](https://npm.io/package/mobile-drag-drop.md) — 46.3K weekly downloads
- [@comunica/actor-rdf-parse-html](https://npm.io/package/@comunica/actor-rdf-parse-html.md) — 29.2K weekly downloads

## Recent versions

- 2.0.1 (latest) — 2023-12-14
- 2.0.0 — 2023-05-20
- 1.0.0 — 2023-05-20

## README

# YueErUI
组件化封装 HTML 代码片段。

![明月几时有？](https://s3.bmp.ovh/imgs/2023/12/14/cd565c78e69976eb.png "明月几时有？")

## 安装依赖
```
npm install yer-ui
```

## 代码示例

```
var View = require('yer-ui').View;
var StringWriter = require('yer-ui').StringWriter;

var view = new View();
view.appendHead('<title>YueErUI</title>');
view.appendBody('<h1>Hello, YueErUI!</h1>');

// 渲染成 HTML 字符串
var writer = new StringWriter();
view.renderToString(writer);

var html = writer.getString();
console.info('>>>>>>>>>> HTML代码 >>>>>>>>>>\n' + html +
    '\n<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<');

>>>>>>>>>> HTML代码 >>>>>>>>>>
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>YueErUI</title>
</head>
<body>
<h1>Hello, YueErUI!</h1>
</body>
</html>
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
```

## 开源协议
MIT

---
_Source: https://npm.io/package/yer-ui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
