接了个单子，需要添加一个文章模块，一看用到的技术这么老，人傻了，纯html css js 。
Document 展示效果 文件名称： 添加备注： 选择附件： 提交公告摘要
文件名称：
添加备注：
选择附件：
效果
添加了一个隐藏的标签来存储编辑器的内容，在提交表单时更新这个字段的值。改改了了按钮的点击事件处理函数，使其在提交表单时阻止默认的表单提交行为，并通过XMLHttpRequest发送一个POST请求，把所有内容提交到后台。</p> <pre><code class="language-html"><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link href="https://unpkg.com/@wangeditor/editor@latest/dist/css/style.css" rel="stylesheet"> <!-- Bootstrap CSS --> <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"> <style> #editor—wrapper { border: 1px solid #ccc; z-index: 100; } #toolbar-container { border-bottom: 1px solid #ccc; } #editor-container { height: 500px; } .row { width: 98%; padding-left: 10px; padding-right: 10px; display: flex; justify-content: space-between; } .half-width { width: 45%; } .marginLeft { margin-left: 30px; } </style> </head> <body> <form id="myForm" method="post" enctype="multipart/form-data"> <div class="row marginLeft"> <div id="editor—wrapper" class="half-width"> <div id="toolbar-container"><!-- 工具栏 --></div> <div id="editor-container"><!-- 编辑器 --></div> </div> <div class="half-width"> <h1 style="text-align: center; font-family: '楷体'; margin: 0 0; height: 10%;">展示效果</h1> <div id="editor-showNode" style="border: 1px solid #ccc;height: 90%;"><!-- 编辑器 --></div> </div> </div> <div class="marginLeft" style="margin-top: 50px; display: flex; align-items: center;"> <p style="margin-right: 10px; display: inline-block; margin-top: 13px;">文件名称：</p> <input name="fileName" style="display: inline-block; width: 80%;" type="text" class="form-control" placeholder="文件名称" aria-describedby="basic-addon2"> </div> <div class="marginLeft" style="margin-top: 50px; display: flex; align-items: center;"> <p style="margin-right: 10px; display: inline-block; margin-top: 13px;">添加备注：</p> <input name="note" style="display: inline-block; width: 80%;" type="text" class="form-control" placeholder="添加备注" aria-describedby="basic-addon2"> </div> <div class="marginLeft" style="margin-top: 50px; display: flex; align-items: center;"> <p style="margin-right: 10px; display: inline-block; margin-top: 15px;">选择附件：</p> <input name="file" type="file" class="btn btn-primary" data-toggle="button" aria-pressed="false"> </div> <textarea id="editorContent" name="editorContent" style="display: none;">
