DEV Community
·
在HTML表单元素中使用Quill富文本编辑器
💡
原文英文，约400词，阅读约需2分钟。
📝
内容提要
Quill是一个免费的开源WYSIWYG编辑器，适用于现代网页。本文介绍如何在表单中集成Quill编辑器。首先创建HTML文件并添加Bootstrap样式，然后在表单中加入Quill编辑器。通过JavaScript代码，将Quill的内容作为HTML提交。
🎯
关键要点
- Quill是一个免费的开源WYSIWYG编辑器，适用于现代网页。
- 本文介绍如何在表单中集成Quill编辑器。
- 首先创建HTML文件并添加Bootstrap样式。
- 在表单中加入Quill编辑器。
- 通过JavaScript代码，将Quill的内容作为HTML提交。
- 使用https://httpbin.org/post作为表单的提交地址。
- 在<head>标签中添加Quill的CSS和JS文件。
- 在<form>标签中添加用于Quill编辑器的<div>。
- 在提交表单时，将Quill内容以HTML格式附加到表单数据中。
- 最终的index.html文件展示了完整的集成代码。
🏷️
标签
➡️
