主题：使用Shoppy Embed快速完成HTML嵌入

Shoppy Embed是一个快速完成HTML嵌入的工具，它提供了丰富的选项以满足你的需求。下面是一份简要的介绍。

安装

Shoppy Embed可以通过npm安装：

npm install shoppy-embed

基本用法

Shoppy Embed有一个用于生成HTML的embed方法，你可以将其用于包含在你的网页中的JavaScript文件中。以下是一个简单示例：

const ShoppyEmbed = require('shoppy-embed');

const url = 'https://example.com';
const embed = ShoppyEmbed.embed('html', { url });

console.log(embed);

这会输出以下内容：

<div class="shoppy-embed-container">
  <iframe class="shoppy-embed" src="https://example.com"></iframe>
</div>

这就是一个基本的HTML页面嵌入。你可以调整ShoppyEmbed选项以更好地适应你的需求。

可选参数

以下是可用的选项：

• url：页面的URL
• width：页面宽度（默认值为100%）
• height：页面高度（默认值为auto）
• frameborder：指定是否包含边框（默认为0）
• scrolling：指定是否允许用户滚动页面（默认为no）
• allowfullscreen：指定是否允许全屏显示嵌入页面（默认为true）

完整示例

以下是一个更完整的示例，演示了如何使用Shoppy Embed呈现简单的嵌入页面：

const ShoppyEmbed = require('shoppy-embed');

const url = 'https://example.com';
const width = 600;
const height = 400;

const embed = ShoppyEmbed.embed('html', {
  url,
  width,
  height,
  scrolling: 'yes',
});

const markdown = `
# HTML嵌入示例

这是一个显示以下页面的示例：

\`\`\`html
${embed}
\`\`\`

## 页面信息

- URL: ${url}
- 宽度: ${width}px
- 高度: ${height}px
`;

console.log(markdown);

这将会输出一份markdown格式的说明文档，其中包含了嵌入页面的HTML代码：

HTML嵌入示例

这是一个显示以下页面的示例：

<div class="shoppy-embed-container">
  <iframe class="shoppy-embed" src="https://example.com" width="600" height="400" scrolling="yes"></iframe>
</div>

页面信息

• URL: https://example.com
• 宽度: 600px
• 高度: 400px

Shoppy Embed提供了一个简单而有用的方法，让你快速地在你的网站中嵌入HTML页面。不仅如此，它还提供了各种选项以满足你的需求。希望这份简要介绍能帮助你快速上手。