|
|
<?php
|
|
|
require_once __DIR__ . '/storage.php';
|
|
|
|
|
|
|
|
|
$testAuth = false;
|
|
|
if (isset($_SERVER['PHP_AUTH_USER']) && isset($_SERVER['PHP_AUTH_PW'])) {
|
|
|
$users = StorageConfig::getUsers();
|
|
|
$testAuth = isset($users[$_SERVER['PHP_AUTH_USER']]) &&
|
|
|
$users[$_SERVER['PHP_AUTH_USER']] === $_SERVER['PHP_AUTH_PW'];
|
|
|
}
|
|
|
|
|
|
if (!$testAuth) {
|
|
|
header('WWW-Authenticate: Basic realm="VvvebJs GitHub Directory Setup"');
|
|
|
header('HTTP/1.0 401 Unauthorized');
|
|
|
die('Authentication required');
|
|
|
}
|
|
|
|
|
|
$github = StorageConfig::getGitHubConfig();
|
|
|
$currentUser = StorageConfig::getCurrentUser();
|
|
|
$userPath = StorageConfig::getUserPath();
|
|
|
|
|
|
|
|
|
$setupResults = [];
|
|
|
|
|
|
if ($_POST['setup_directories'] ?? false) {
|
|
|
try {
|
|
|
error_log("GitHub Directory Setup: Starting directory creation process");
|
|
|
|
|
|
$githubStorage = new GitHubStorage($github);
|
|
|
|
|
|
|
|
|
$pagesReadme = "# VvvebJs Pages Directory
|
|
|
|
|
|
This directory contains all HTML pages created with VvvebJs editor.
|
|
|
|
|
|
## Structure
|
|
|
- `users/` - Individual user directories
|
|
|
- Each user has their own isolated directory
|
|
|
|
|
|
Generated: " . date('Y-m-d H:i:s') . " UTC
|
|
|
";
|
|
|
|
|
|
$result1 = $githubStorage->saveFile('README.md', $pagesReadme);
|
|
|
$setupResults['pages_dir'] = [
|
|
|
'success' => $result1,
|
|
|
'path' => 'pages/README.md',
|
|
|
'message' => $result1 ? 'Pages directory created successfully' : 'Failed to create pages directory'
|
|
|
];
|
|
|
|
|
|
|
|
|
if ($result1) {
|
|
|
$usersReadme = "# VvvebJs Users Directory
|
|
|
|
|
|
This directory contains individual user folders for VvvebJs.
|
|
|
|
|
|
## User Isolation
|
|
|
Each user gets their own directory to store HTML pages:
|
|
|
- User directories are named after the username
|
|
|
- Files are automatically organized by user
|
|
|
- No user can access another user's files
|
|
|
|
|
|
Generated: " . date('Y-m-d H:i:s') . " UTC
|
|
|
";
|
|
|
|
|
|
$result2 = $githubStorage->saveFile('users/README.md', $usersReadme);
|
|
|
$setupResults['users_dir'] = [
|
|
|
'success' => $result2,
|
|
|
'path' => 'pages/users/README.md',
|
|
|
'message' => $result2 ? 'Users directory created successfully' : 'Failed to create users directory'
|
|
|
];
|
|
|
|
|
|
|
|
|
if ($result2) {
|
|
|
$userReadme = "# VvvebJs User Directory: $currentUser
|
|
|
|
|
|
This is your personal directory for HTML pages created with VvvebJs.
|
|
|
|
|
|
## Your Information
|
|
|
- Username: $currentUser
|
|
|
- Directory: pages/$userPath
|
|
|
- Created: " . date('Y-m-d H:i:s') . " UTC
|
|
|
|
|
|
## Usage
|
|
|
All your HTML files will be saved in this directory automatically.
|
|
|
You can only access and modify files in your own directory.
|
|
|
|
|
|
Happy building! 🚀
|
|
|
";
|
|
|
|
|
|
$result3 = $githubStorage->saveFile($userPath . 'README.md', $userReadme);
|
|
|
$setupResults['user_dir'] = [
|
|
|
'success' => $result3,
|
|
|
'path' => 'pages/' . $userPath . 'README.md',
|
|
|
'message' => $result3 ? "Personal directory created for user: $currentUser" : 'Failed to create personal directory'
|
|
|
];
|
|
|
|
|
|
|
|
|
if ($result3) {
|
|
|
$sampleHtml = '<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>Welcome to VvvebJs - ' . htmlspecialchars($currentUser) . '</title>
|
|
|
<style>
|
|
|
body {
|
|
|
font-family: Arial, sans-serif;
|
|
|
max-width: 800px;
|
|
|
margin: 50px auto;
|
|
|
padding: 20px;
|
|
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
|
color: white;
|
|
|
line-height: 1.6;
|
|
|
}
|
|
|
.container {
|
|
|
background: rgba(255, 255, 255, 0.1);
|
|
|
padding: 30px;
|
|
|
border-radius: 15px;
|
|
|
backdrop-filter: blur(10px);
|
|
|
}
|
|
|
h1 {
|
|
|
text-align: center;
|
|
|
margin-bottom: 30px;
|
|
|
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
|
|
|
}
|
|
|
.welcome-box {
|
|
|
background: rgba(255, 255, 255, 0.2);
|
|
|
padding: 20px;
|
|
|
border-radius: 10px;
|
|
|
margin: 20px 0;
|
|
|
}
|
|
|
.success {
|
|
|
color: #4CAF50;
|
|
|
font-weight: bold;
|
|
|
font-size: 1.2em;
|
|
|
}
|
|
|
.info {
|
|
|
background: rgba(255, 255, 255, 0.1);
|
|
|
padding: 15px;
|
|
|
border-radius: 8px;
|
|
|
margin: 15px 0;
|
|
|
}
|
|
|
.btn {
|
|
|
display: inline-block;
|
|
|
background: #4CAF50;
|
|
|
color: white;
|
|
|
padding: 12px 24px;
|
|
|
text-decoration: none;
|
|
|
border-radius: 6px;
|
|
|
margin: 10px 0;
|
|
|
transition: background 0.3s;
|
|
|
}
|
|
|
.btn:hover {
|
|
|
background: #45a049;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="container">
|
|
|
<h1>🎉 Welcome to VvvebJs!</h1>
|
|
|
|
|
|
<div class="welcome-box">
|
|
|
<h2>Hello, ' . htmlspecialchars($currentUser) . '!</h2>
|
|
|
<p class="success">✅ Your VvvebJs environment is now ready!</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="info">
|
|
|
<h3>📁 Your Directory Setup</h3>
|
|
|
<p><strong>Personal Directory:</strong> <code>pages/' . htmlspecialchars($userPath) . '</code></p>
|
|
|
<p><strong>Repository:</strong> <code>' . htmlspecialchars($github['owner']) . '/' . htmlspecialchars($github['repo']) . '</code></p>
|
|
|
<p><strong>Branch:</strong> <code>' . htmlspecialchars($github['branch']) . '</code></p>
|
|
|
</div>
|
|
|
|
|
|
<div class="info">
|
|
|
<h3>🚀 What\'s Next?</h3>
|
|
|
<ul>
|
|
|
<li>Use the VvvebJs visual editor to create amazing web pages</li>
|
|
|
<li>All your files will be automatically saved to GitHub</li>
|
|
|
<li>Your work is isolated in your personal directory</li>
|
|
|
<li>Collaborate safely with other users</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
|
|
|
<div class="info">
|
|
|
<h3>📊 Setup Information</h3>
|
|
|
<p><strong>Created:</strong> ' . date('Y-m-d H:i:s') . ' UTC</p>
|
|
|
<p><strong>File:</strong> welcome-sample.html</p>
|
|
|
<p><strong>Status:</strong> <span class="success">Active</span></p>
|
|
|
</div>
|
|
|
|
|
|
<div style="text-align: center; margin-top: 30px;">
|
|
|
<a href="../editor.html" class="btn">🎨 Start Creating</a>
|
|
|
<a href="https://github.com/' . htmlspecialchars($github['owner']) . '/' . htmlspecialchars($github['repo']) . '" class="btn" target="_blank">📁 View Repository</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</body>
|
|
|
</html>';
|
|
|
|
|
|
$result4 = $githubStorage->saveFile($userPath . 'welcome-sample.html', $sampleHtml);
|
|
|
$setupResults['sample_file'] = [
|
|
|
'success' => $result4,
|
|
|
'path' => 'pages/' . $userPath . 'welcome-sample.html',
|
|
|
'message' => $result4 ? 'Sample HTML file created successfully' : 'Failed to create sample file'
|
|
|
];
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
$allSuccess = true;
|
|
|
foreach ($setupResults as $result) {
|
|
|
if (!$result['success']) {
|
|
|
$allSuccess = false;
|
|
|
break;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
$setupResults['overall'] = [
|
|
|
'success' => $allSuccess,
|
|
|
'message' => $allSuccess ? 'All directories and files created successfully!' : 'Some operations failed - check details below'
|
|
|
];
|
|
|
|
|
|
} catch (Exception $e) {
|
|
|
error_log("GitHub Directory Setup Error: " . $e->getMessage());
|
|
|
$setupResults['error'] = [
|
|
|
'success' => false,
|
|
|
'message' => 'Setup failed: ' . $e->getMessage()
|
|
|
];
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
function checkDirectoryStatus($githubStorage, $path) {
|
|
|
$url = "https://api.github.com/repos/{$githubStorage->owner}/{$githubStorage->repo}/contents/{$path}";
|
|
|
$response = $githubStorage->makeRequest($url, 'GET');
|
|
|
return $response !== false;
|
|
|
}
|
|
|
|
|
|
$currentStatus = [];
|
|
|
if (!empty($github['token'])) {
|
|
|
try {
|
|
|
$githubStorage = new GitHubStorage($github);
|
|
|
$currentStatus = [
|
|
|
'pages' => checkDirectoryStatus($githubStorage, 'pages'),
|
|
|
'users' => checkDirectoryStatus($githubStorage, 'pages/users'),
|
|
|
'user_dir' => checkDirectoryStatus($githubStorage, 'pages/' . trim($userPath, '/'))
|
|
|
];
|
|
|
} catch (Exception $e) {
|
|
|
$currentStatus['error'] = $e->getMessage();
|
|
|
}
|
|
|
}
|
|
|
?>
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
<title>VvvebJs GitHub 目录设置</title>
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
|
<style>
|
|
|
.config-value { background-color:
|
|
|
.status-ok { color:
|
|
|
.status-error { color:
|
|
|
.status-warning { color:
|
|
|
.directory-tree { background:
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="container mt-5">
|
|
|
<div class="row">
|
|
|
<div class="col-md-10 mx-auto">
|
|
|
<h1 class="mb-4">🏗️ VvvebJs GitHub 目录设置工具</h1>
|
|
|
|
|
|
<div class="alert alert-info">
|
|
|
<h4>🔍 问题诊断</h4>
|
|
|
<p>根据日志信息，GitHub API 返回 404 错误，表示 <code>pages/</code> 目录在仓库中不存在。</p>
|
|
|
<p>此工具将自动创建所需的目录结构来解决这个问题。</p>
|
|
|
</div>
|
|
|
|
|
|
<!-- 当前配置 -->
|
|
|
<div class="card mb-4">
|
|
|
<div class="card-header">
|
|
|
<h3>📋 当前配置</h3>
|
|
|
</div>
|
|
|
<div class="card-body">
|
|
|
<div class="row">
|
|
|
<div class="col-md-6">
|
|
|
<p><strong>GitHub 仓库:</strong> <span class="config-value"><?= htmlspecialchars($github['owner']) ?>/<?= htmlspecialchars($github['repo']) ?></span></p>
|
|
|
<p><strong>分支:</strong> <span class="config-value"><?= htmlspecialchars($github['branch']) ?></span></p>
|
|
|
<p><strong>基础路径:</strong> <span class="config-value"><?= htmlspecialchars($github['path']) ?></span></p>
|
|
|
</div>
|
|
|
<div class="col-md-6">
|
|
|
<p><strong>当前用户:</strong> <span class="config-value"><?= htmlspecialchars($currentUser) ?></span></p>
|
|
|
<p><strong>用户路径:</strong> <span class="config-value"><?= htmlspecialchars($userPath) ?></span></p>
|
|
|
<p><strong>完整路径:</strong> <span class="config-value"><?= htmlspecialchars($github['path'] . $userPath) ?></span></p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- 目录状态检查 -->
|
|
|
<div class="card mb-4">
|
|
|
<div class="card-header">
|
|
|
<h3>📁 当前目录状态</h3>
|
|
|
</div>
|
|
|
<div class="card-body">
|
|
|
<?php if (isset($currentStatus['error'])): ?>
|
|
|
<div class="alert alert-warning">
|
|
|
<strong>检查失败:</strong> <?= htmlspecialchars($currentStatus['error']) ?>
|
|
|
</div>
|
|
|
<?php else: ?>
|
|
|
<div class="row">
|
|
|
<div class="col-md-4">
|
|
|
<div class="text-center p-3 border rounded">
|
|
|
<h5>基础目录</h5>
|
|
|
<span class="<?= ($currentStatus['pages'] ?? false) ? 'status-ok' : 'status-error' ?>">
|
|
|
<?= ($currentStatus['pages'] ?? false) ? '✅ 存在' : '❌ 不存在' ?>
|
|
|
</span>
|
|
|
<br><small><code>pages/</code></small>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-md-4">
|
|
|
<div class="text-center p-3 border rounded">
|
|
|
<h5>用户目录</h5>
|
|
|
<span class="<?= ($currentStatus['users'] ?? false) ? 'status-ok' : 'status-error' ?>">
|
|
|
<?= ($currentStatus['users'] ?? false) ? '✅ 存在' : '❌ 不存在' ?>
|
|
|
</span>
|
|
|
<br><small><code>pages/users/</code></small>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-md-4">
|
|
|
<div class="text-center p-3 border rounded">
|
|
|
<h5>个人目录</h5>
|
|
|
<span class="<?= ($currentStatus['user_dir'] ?? false) ? 'status-ok' : 'status-error' ?>">
|
|
|
<?= ($currentStatus['user_dir'] ?? false) ? '✅ 存在' : '❌ 不存在' ?>
|
|
|
</span>
|
|
|
<br><small><code>pages/<?= htmlspecialchars(trim($userPath, '/')) ?>/</code></small>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<?php endif; ?>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- 目录设置工具 -->
|
|
|
<div class="card mb-4">
|
|
|
<div class="card-header">
|
|
|
<h3>🛠️ 目录设置工具</h3>
|
|
|
</div>
|
|
|
<div class="card-body">
|
|
|
<?php if (empty($setupResults)): ?>
|
|
|
<div class="alert alert-primary">
|
|
|
<h5>🚀 即将创建的目录结构</h5>
|
|
|
<div class="directory-tree">
|
|
|
<?= htmlspecialchars($github['repo']) ?>/
|
|
|
├── pages/
|
|
|
│ ├── README.md # 目录说明文件
|
|
|
│ └── users/
|
|
|
│ ├── README.md # 用户目录说明
|
|
|
│ └── <?= str_replace('/', '', $userPath) ?>/
|
|
|
│ ├── README.md # 个人目录说明
|
|
|
│ └── welcome-sample.html # 示例HTML文件
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<form method="POST">
|
|
|
<button type="submit" name="setup_directories" value="1" class="btn btn-primary btn-lg">
|
|
|
🏗️ 创建目录结构
|
|
|
</button>
|
|
|
</form>
|
|
|
<?php else: ?>
|
|
|
<h5>设置结果</h5>
|
|
|
|
|
|
<?php if (isset($setupResults['overall'])): ?>
|
|
|
<div class="alert alert-<?= $setupResults['overall']['success'] ? 'success' : 'danger' ?>">
|
|
|
<h6>
|
|
|
<span class="<?= $setupResults['overall']['success'] ? 'status-ok' : 'status-error' ?>">
|
|
|
<?= $setupResults['overall']['success'] ? '✅ 设置成功' : '❌ 设置失败' ?>
|
|
|
</span>
|
|
|
</h6>
|
|
|
<p><?= htmlspecialchars($setupResults['overall']['message']) ?></p>
|
|
|
</div>
|
|
|
<?php endif; ?>
|
|
|
|
|
|
<div class="row">
|
|
|
<?php foreach ($setupResults as $key => $result): ?>
|
|
|
<?php if ($key === 'overall' || $key === 'error') continue; ?>
|
|
|
<div class="col-md-6 mb-3">
|
|
|
<div class="card">
|
|
|
<div class="card-body">
|
|
|
<h6 class="card-title">
|
|
|
<?= ucfirst(str_replace('_', ' ', $key)) ?>
|
|
|
<span class="<?= $result['success'] ? 'status-ok' : 'status-error' ?>">
|
|
|
<?= $result['success'] ? '✅' : '❌' ?>
|
|
|
</span>
|
|
|
</h6>
|
|
|
<p class="card-text">
|
|
|
<small class="text-muted"><?= htmlspecialchars($result['path'] ?? '') ?></small><br>
|
|
|
<?= htmlspecialchars($result['message']) ?>
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<?php endforeach; ?>
|
|
|
</div>
|
|
|
|
|
|
<?php if (isset($setupResults['error'])): ?>
|
|
|
<div class="alert alert-danger">
|
|
|
<h6>错误详情</h6>
|
|
|
<p><?= htmlspecialchars($setupResults['error']['message']) ?></p>
|
|
|
</div>
|
|
|
<?php endif; ?>
|
|
|
|
|
|
<?php if ($setupResults['overall']['success'] ?? false): ?>
|
|
|
<div class="alert alert-success">
|
|
|
<h5>🎉 设置完成！</h5>
|
|
|
<p>GitHub 目录结构已成功创建，现在可以正常使用 VvvebJs 编辑器了。</p>
|
|
|
<div class="mt-3">
|
|
|
<a href="https://github.com/<?= htmlspecialchars($github['owner']) ?>/<?= htmlspecialchars($github['repo']) ?>/tree/<?= htmlspecialchars($github['branch']) ?>/pages" target="_blank" class="btn btn-outline-primary">
|
|
|
📁 查看GitHub目录
|
|
|
</a>
|
|
|
<a href="editor.html" class="btn btn-success">
|
|
|
🎨 开始使用编辑器
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
<?php endif; ?>
|
|
|
|
|
|
<div class="mt-3">
|
|
|
<form method="POST">
|
|
|
<button type="submit" name="setup_directories" value="1" class="btn btn-secondary">
|
|
|
🔄 重新设置
|
|
|
</button>
|
|
|
</form>
|
|
|
</div>
|
|
|
<?php endif; ?>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- 使用说明 -->
|
|
|
<div class="card mb-4">
|
|
|
<div class="card-header">
|
|
|
<h3>📖 使用说明</h3>
|
|
|
</div>
|
|
|
<div class="card-body">
|
|
|
<div class="accordion" id="instructionAccordion">
|
|
|
<div class="accordion-item">
|
|
|
<h2 class="accordion-header">
|
|
|
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#inst1">
|
|
|
为什么需要创建目录结构？
|
|
|
</button>
|
|
|
</h2>
|
|
|
<div id="inst1" class="accordion-collapse collapse show" data-bs-parent="#instructionAccordion">
|
|
|
<div class="accordion-body">
|
|
|
<p>GitHub API 在访问不存在的路径时会返回 404 错误。VvvebJs 需要特定的目录结构：</p>
|
|
|
<ul>
|
|
|
<li><code>pages/</code> - 所有HTML页面的基础目录</li>
|
|
|
<li><code>pages/users/</code> - 用户隔离目录</li>
|
|
|
<li><code>pages/users/用户名/</code> - 每个用户的个人目录</li>
|
|
|
</ul>
|
|
|
<p>创建这些目录后，VvvebJs 就能正常保存和读取文件了。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="accordion-item">
|
|
|
<h2 class="accordion-header">
|
|
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#inst2">
|
|
|
设置完成后如何使用？
|
|
|
</button>
|
|
|
</h2>
|
|
|
<div id="inst2" class="accordion-collapse collapse" data-bs-parent="#instructionAccordion">
|
|
|
<div class="accordion-body">
|
|
|
<ol>
|
|
|
<li>目录创建成功后，返回 VvvebJs 编辑器</li>
|
|
|
<li>创建或编辑HTML页面</li>
|
|
|
<li>点击保存按钮</li>
|
|
|
<li>文件将自动保存到你的GitHub仓库个人目录中</li>
|
|
|
<li>可以在GitHub上查看和管理你的文件</li>
|
|
|
</ol>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="accordion-item">
|
|
|
<h2 class="accordion-header">
|
|
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#inst3">
|
|
|
如果设置失败怎么办？
|
|
|
</button>
|
|
|
</h2>
|
|
|
<div id="inst3" class="accordion-collapse collapse" data-bs-parent="#instructionAccordion">
|
|
|
<div class="accordion-body">
|
|
|
<p>常见原因和解决方案：</p>
|
|
|
<ul>
|
|
|
<li><strong>GitHub Token权限不足:</strong> 确保Token有<code>repo</code>权限</li>
|
|
|
<li><strong>仓库不存在:</strong> 检查仓库名称和所有者名称是否正确</li>
|
|
|
<li><strong>分支不存在:</strong> 确认分支名称正确（通常是main或master）</li>
|
|
|
<li><strong>网络问题:</strong> 重试设置过程</li>
|
|
|
</ul>
|
|
|
<p>可以使用其他测试工具进一步诊断问题。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- 操作按钮 -->
|
|
|
<div class="card">
|
|
|
<div class="card-body text-center">
|
|
|
<div class="row">
|
|
|
<div class="col-md-3">
|
|
|
<a href="github-advanced-test.php" class="btn btn-primary w-100">完整测试</a>
|
|
|
</div>
|
|
|
<div class="col-md-3">
|
|
|
<a href="hf-space-check.php" class="btn btn-info w-100">HF Space检查</a>
|
|
|
</div>
|
|
|
<div class="col-md-3">
|
|
|
<a href="directory-creation-test.php" class="btn btn-warning w-100">目录测试</a>
|
|
|
</div>
|
|
|
<div class="col-md-3">
|
|
|
<a href="editor.html" class="btn btn-success w-100">返回编辑器</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
</body>
|
|
|
</html> |
