5月18日周四
计划
执行
09点04分 开始
09点29分 又要修改，排版排版，牛逼牛逼
10点24分 修改完，上传了
记录
问题想法
- 重点梳理业务逻辑，熟悉如何实现的
- 接口编辑界面的输入框怎么做的，为什么可以有那么丰富的功能
已解决
- 修改了在项目成员管理界面也可以显示角色
知识
content-type 这是干什么的
Content-Type是HTTP头部字段之一，用于指定在HTTP请求或响应中传输的数据的MIME类型。它告诉服务器或浏览器如何解析传输的数据。例如，如果Content-Type指定为text/html，则服务器或浏览器将把数据解析为HTML格式，如果指定为application/json，则将数据解析为JSON格式。Content-Type还可以指定字符集和边界等其他信息。
x-application和application/xml的区别
x-application和application/xml都是MIME类型，用于指定在HTTP请求或响应中传输的数据的类型。它们的区别在于：
- application/xml是标准的MIME类型，用于指定传输的数据是XML格式的。而x-application是非标准的MIME类型，用于指定传输的数据是某种应用程序特定的格式，例如x-application/json表示传输的数据是JSON格式的。
- application/xml指定了XML的语法和结构，可以被广泛支持的XML处理器解析。而x-application指定的格式可能只能被特定的应用程序解析。
因此，如果传输的数据是XML格式的，应该使用application/xml，如果传输的数据是某种应用程序特定的格式，应该使用x-application。
接口编辑界面的输入框怎么做的
要实现一个文本编辑器，需要使用HTML、CSS和JavaScript来实现。以下是一些基本的步骤：
- 创建一个包含可编辑文本的div元素，并设置其contenteditable属性为true。例如：
<div id="editor" contenteditable="true">这里是可编辑的文本</div> - 使用CSS样式来美化文本编辑器的外观，例如设置字体、颜色、背景、边框等。
- 使用JavaScript来实现文本编辑器的功能，例如：
- 实现撤销和重做功能
- 实现剪切、复制和粘贴功能
- 实现插入图片、链接、表格等功能
- 实现查找和替换功能
- 实现自动保存功能
- 实现拖拽和调整大小等交互功能
可以使用现有的JavaScript库或框架来实现这些功能，例如jQuery、React、Vue等。或者自己编写JavaScript代码来实现。
引入WangEditor库
WangEditor是一款基于JavaScript和jQuery的富文本编辑器库，它提供了丰富的编辑器功能和灵活的定制选项，支持插入图片、表格、代码、公式等内容，并支持多种格式的导入和导出。WangEditor还提供了多种主题和语言选择，可以满足不同用户和应用场景的需求。
WangEditor的主要特点包括：
界面简洁美观，易于使用和定制。
功能丰富，支持多种文本编辑和排版功能。
插件系统完善，支持自定义插件和扩展功能。
兼容性好，支持主流浏览器和移动设备。
开源免费，遵循MIT协议，可用于商业和非商业项目。
WangEditor的使用方法也非常简单，只需要引入相关的JavaScript和CSS文件，创建编辑器实例，并将其挂载到指定的HTML元素上即可。WangEditor还提供了丰富的API和事件，可以对编辑器进行更精细的控制和操作。