增加草稿功能

submission/index.html

@@ -14,17 +14,21 @@
 2. 单个文件大小不能超过2MB，一次投稿最多上传10个文件。若上传文件有压缩文件，则只允许上传单个.zip或.rar格式压缩文件，大小不得超过20MB。
 3. 若超过大小限制，请填写网盘外链。如有提取密码，请填写网盘提取密码。直接上传文件和网盘外链只能选择一种，禁止同时上传文件和填写网盘外链！
 网盘外链： 网盘提取密码： 备注： 备注中可以填写自己想获得的用于访问加密内容的自定义密码。如已经获取过，请勿再次填写。
-内容详情 内容详情主要用于新生指南板块。如果您想投稿至资源共享板块，可以把此部分留空。 内容详情使用 markdown 语法。本页底部提供了一些基本的语法教程，已经熟悉此语法的投稿者可以跳过教程内容。 如需在内容详情上传图片，请在此处上传图片以获取标签，以直接粘贴到 markdown 中进行引用。我们推荐使用HTML标签以手动控制图片大小。 如果您的内容较多，建议您在编辑预览时将文本内容同步做好本地保存，或使用本地 markdown 编辑器（如Visual Studio Code、Typora等）编辑完成后再进行预览、投稿操作。 若您使用本地 markdown 编辑器，如需引用图片，请务必使用从此处获取的图片标签进行引用。请您放心：若图片不违规，您在此处上传的图片将在我们的服务器中长期保存，您获取的图片标签也长期有效，随时都能进行预览。 严禁上传任何与内容无关的图片！
+内容详情 内容详情主要用于新生指南板块。如果您想投稿至资源共享板块，可以把此部分留空。 内容详情使用 markdown 语法。本页底部提供了一些基本的语法教程，已经熟悉此语法的投稿者可以跳过教程内容。 如需在内容详情上传图片，请在此处上传图片以获取标签，以直接粘贴到 markdown 中进行引用。我们推荐使用HTML标签以手动控制图片大小。 保存草稿功能只会保存“内容详情”的编辑内容，前面上传的文件等内容将不会保存！ 请您务必在一次编辑未完成时保存草稿，否则您编辑的内容将在刷新页面后全部丢失！ 严禁上传任何与内容无关的图片！
 图片HTML引用标签：
 复制引用标签
 提交
+保存草稿
+加载草稿内容
 markdown 基本语法教程 空格与换行 markdown 语法对于空格与换行并不敏感。您即使输入多个空格，markdown 也只会渲染一个空格。例如：
 这是一个 示例文本，含有多个空格。 效果：
 这是一个 示例文本，含有多个空格。
 要创建换行，请在行末尾增加一个额外的行，例如：
 这是第一行。 这是第二行。 效果：
 这是第一行。
-这是第二行。">
+这是第二行。
+加粗与斜体 使用**文本**和*文本*来分别表示加粗和斜体。例如：
+**加粗** *斜体* 效果：">
 <meta name="author" content="
 
 
@@ -541,8 +545,8 @@ async function fetchNoCache(url) {
 <li>内容详情主要用于<code>新生指南</code>板块。如果您想投稿至<code>资源共享</code>板块，可以把此部分留空。</li>
 <li>内容详情使用 markdown 语法。本页底部提供了一些<a href="#markdown-%E5%9F%BA%E6%9C%AC%E8%AF%AD%E6%B3%95%E6%95%99%E7%A8%8B">基本的语法教程</a>，已经熟悉此语法的投稿者可以跳过教程内容。</li>
 <li>如需在内容详情上传图片，请在此处上传图片以获取标签，以直接粘贴到 markdown 中进行<a href="#%E5%9B%BE%E7%89%87">引用</a>。我们推荐使用HTML标签以手动控制图片大小。</li>
-<li>如果您的内容较多，建议您在编辑预览时将文本内容同步做好本地保存，或使用本地 markdown 编辑器（如Visual Studio Code、Typora等）编辑完成后再进行预览、投稿操作。</li>
+<li>保存草稿功能只会保存“内容详情”的编辑内容，前面上传的文件等内容将不会保存！</li>
-<li>若您使用本地 markdown 编辑器，如需引用图片，请务必使用从此处获取的图片标签进行引用。请您放心：若图片不违规，您在此处上传的图片将在我们的服务器中长期保存，您获取的图片标签也长期有效，随时都能进行预览。</li>
+<li><strong>请您务必在一次编辑未完成时保存草稿，否则您编辑的内容将在刷新页面后全部丢失！</strong></li>
 <li><strong>严禁上传任何与内容无关的图片！</strong><br>
 <input type="file" id="imageUploader" accept="image/*" onchange="uploadImage(event)"><br>
   <p>图片HTML引用标签：<a id="imageUrl" target="_blank"></a></p>
@@ -554,6 +558,8 @@ async function fetchNoCache(url) {
 <div id="preview"></div>
 <div class="button-container">
     <button class="Button" id="SubmitButton">提交</button><br>
+    <button class="Button" id="SaveDraft">保存草稿</button><br>
+    <button class="Button" id="LoadDraft">加载草稿内容</button><br>
 </div>
 <h3 id="markdown-基本语法教程">markdown 基本语法教程<a hidden class="anchor" aria-hidden="true" href="#markdown-基本语法教程">#</a></h3>
 <h4 id="空格与换行">空格与换行<a hidden class="anchor" aria-hidden="true" href="#空格与换行">#</a></h4>