填充子文档猫鼬 - Javascript

填充子文档猫鼬（Filldocstoat）是一个轻量级的 JavaScript 库，旨在实现快速、简便的文档填充。这个库可以帮助开发人员自动填充HTML文档中的表格、字段、表单等等，提高开发效率。

安装

在 HTML 中加入如下代码：

<script src="filldocstoat.js"></script>

你也可以使用 npm 安装：

npm install filldocstoat

使用方法

填充表单

使用 fillForm() 函数来填充表单，该函数需要两个参数：

• data，一个包含表单元素名和对应填充值的对象。
• form，需要填充的表单元素。

const form = document.querySelector('form');
const data = {
  name: 'John Smith',
  age: 30,
  gender: 'male'
};

fillForm(data, form);

填充表格

使用 fillTable() 函数来填充表格，该函数需要两个参数：

• data，一个包含表格数据的二维数组，每个内部数组代表一行数据。
• table，需要填充的表格元素。

const table = document.querySelector('table');
const data = [
  ['John Smith', 30, 'male'],
  ['Jane Doe', 25, 'female'],
  ['Tony Stark', 40, 'male']
];

fillTable(data, table);

自定义标记

如果默认的标记不符合你的需求，可以使用自定义的标记来替换默认标记。例如：使用花括号 {} 作为填充标记。

const options = {
  fillPattern: /{([\w.]+)}/g
};

const form = document.querySelector('form');
const data = {
  name: 'John Smith',
  age: 30,
  gender: 'male'
};

fillForm(data, form, options);

支持浏览器

• Chrome
• Firefox
• Safari
• Edge
• Internet Explorer 9+

结束语

Filldocstoat 是一个简单易用的 Javascript 库，可以帮助开发人员快速填充文档元素。如果你有任何建议或需要帮助，请在 Github 上提交 Issue。