React
文章平均质量分 59
班班v
努力工作,好好生活
展开
-
React使用CodeMirror实现SQL输入提示编辑器
React使用CodeMirror实现SQL输入提示编辑器一、编辑器效果1.1 关键词提示效果图1.2 数据库和表格选择提示效果二、具体实现2.1 依赖下载2.2 方案一2.3 方案二今天老大让我把原来的SQL编辑器放到新的平台上,然后我对照原来的编辑器,然后再修改了一下,形成了一个全新的SQL输入提示编辑器,先上图看看效果,然后再详细讲解怎么实现一、编辑器效果1.1 关键词提示效果图1.2 数据库和表格选择提示效果二、具体实现我们的项目主要用到了React+CodeMirror组件,在实例原创 2021-12-12 15:39:23 · 4245 阅读 · 8 评论 -
React使用CKEditor全网最详细讲解(三)
React使用CKEditor全网最详细讲解三一、环境介绍二、依赖下载三、config-overrides.js配置四、编辑器配置五、自定义图片上传插件六、效果查看七、样式修改八、总结上两篇文章讲解了CKEditor5的基本使用,本文主要讲解CKEditor的高级使用,包括自定义编辑栏插件、自定义上传图片、插件的详细配置。一、环境介绍博主用到的React框架是react-app-rewired+customize-cra配置,这一点和webpack有所不同,webpack的配置方式可以参照CKEdit原创 2021-12-06 19:59:17 · 3073 阅读 · 2 评论 -
React使用CKEditor全网最详细讲解(二)
CKeditor5有6个不同类型的编辑器,分别为Classic、Inline、Balloon block、Ballon、Document、Bustom build,不同的版本的编辑器对应的外观及功能不一样,你可以在其官网查看这几个编辑器的使用,链接为:https://ckeditor.com/docs/ckeditor5/latest/examples/index.html,本文主要讲解Classic Editor的基本使用一、下载依赖yarn add @ckeditor/ckeditor5-react原创 2021-12-06 19:41:41 · 2088 阅读 · 1 评论 -
React使用CKEditor全网最详细讲解(一)
在写这个博客的时候,我遇到了好多问题,编辑器的使用就是一个很大的坑,我使用了百度的UEditor、wangEditor、CKEditor4、CKEditor5,最后选择了CKEditor5,在这篇文章中,我会详细地对比各个Editor使用地一些区别,接下来地几篇文章会重点讲解React使用CKEditor5的详细使用,包括简单使用,高级使用,图片上传等。在刚开始的时候,我是使用wangEditor,它的功能很好,基本可以满足使用,但是,有一个问题,就是代码的编辑以及高亮显示没有支持,百度听说UEditor原创 2021-12-06 19:34:43 · 2150 阅读 · 1 评论 -
Axios跨域请求配置
React中用到的网络代理请求是axios,它在使用的过程中,会存在一些问题,今天就分享我遇到过的一些问题1、跨域请求后台配置:在SpringBoot项目中的,需要实现WebMvcConfigurer,并且重写addCrosMappings方法@Configurationpublic class ApplicationAutoConfiguration implements WebMvcConfigurer { @Override public原创 2021-11-05 18:23:28 · 4357 阅读 · 0 评论 -
React路由介绍
React的路由时根据浏览器的输入的URL来找到相对应的页面,本文主要从4个方面来讲解,一是路由安装,二是一级路由及多级路由配置,二是路由间参数传递的方法,四是浏览器历史和Hash历史配置,以及区别1、 路由安装 路由的安装通过yarn来安装,方法是通过yarn add来导入相对应的包yarn add react-router-dom2、一级路由及多级路由配置2.1 路由依赖导入import {Has原创 2021-11-05 18:14:21 · 309 阅读 · 0 评论