html编辑器不处理数据交互，仅负责展示与编辑；前后端连通靠嵌入的javascript调用后端api接口，浏览器禁止前端直连数据库，action必须指向http协议的后端路由而非数据库连接串。
HTML编辑器本身不处理数据交互，它只负责展示和编辑结构；真正实现前后端连通的，是嵌在HTML里的JavaScript + 后端API接口。别指望靠改个action属性就让编辑器“自动连数据库”——那只是表单提交的起点，不是终点。
为什么<form></form>的action不能直接写数据库地址？
浏览器出于安全限制，完全禁止前端JavaScript（包括HTML编辑器内嵌脚本）直连MySQL、PostgreSQL等数据库服务。你看到的action="http://localhost:3000/save"这类写法，目标必须是**你自己写的后端路由**，而不是mysql://user:pass@127.0.0.1:3306/db这种连接串。
-
action指向的必须是HTTP(S)协议的服务端地址，且该服务需已启动并监听对应端口 - 后端必须显式暴露接口（如
/api/content），不能依赖数据库默认端口（3306/5432）对外暴露 - 若用VS Code插件（如SQLite Viewer）查看本地DB，那只是编辑器内部的只读辅助工具，不参与网页运行时的数据提交
fetch()发请求时，后端收不到FormData怎么办？
常见于富文本编辑器（如UEditor、TinyMCE）提交内容时：前端用FormData.append('content', editor.getContent())打包，但后端解析失败。根本原因往往是Content-Type头被自动设置为multipart/form-data; boundary=...，而部分Node.js/Python框架默认不启用multipart解析中间件。
- Express需明确使用
multer，且路由必须挂载multer().single('content')（注意字段名要和FormData.append()第一个参数一致） - Flask需用
request.files.get('content')或request.form.get('content')区分文件与文本字段 - 若只传纯HTML字符串（非文件），更推荐用
fetch('/api/save', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ content: htmlStr }) })，后端直接json.loads(request.body)
UEditor、CKEditor这类编辑器怎么配后端上传图片？
它们上传图片不是靠<input type="file">，而是调用自身配置的serverUrl（如imageActionName: '/api/upload/image'）。这个URL必须返回特定JSON格式，否则编辑器会报ERROR_IMAGE_UPLOAD。
- 后端响应体必须是
{ "state": "SUCCESS", "url": "/uploads/xxx.png" }，state字段值严格匹配编辑器文档定义（大小写敏感） - 路径
/uploads/xxx.png要是能被Nginx/Apache直接静态访问的URL，不能是服务器本地磁盘路径 - 上传目录需有写权限，且后端必须校验
Content-Type（如只允许image/jpeg）、文件后缀、大小（防止恶意上传shell.php）
最易被忽略的一点：所有接口的CORS头（Access-Control-Allow-Origin）必须正确配置，否则即使后端逻辑全对，浏览器也会在控制台报Blocked by CORS policy，且fetch的catch里捕获不到——因为请求根本没发出去。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
