没有合适的资源?快使用搜索试试~ 我知道了~
tech-training-camp-frontend
共14个文件
js:5个
json:2个
xml:1个
需积分: 5 0 下载量 183 浏览量
2021-03-17
20:33:45
上传
评论
收藏 319KB ZIP 举报
温馨提示
基于React和mark-it实现的简易编辑器 最终还是替代了直接用现成的编译器,光是学习react就花了很多时间。 v0.5 只有简单的输入和预览功能,编辑框采用了monaco-editor。但是由于编辑框的使用有点复杂,暂时也没想好合理的方法来实现toolBar功能,暂时搁置。 v1.0 思前想后,还是决定再做一遍该项目,不想半途而废。不过编译器还是没用自己实现,原因是编译原理真的好摘要:( 预览界面 参考博客将项目部署到了线上环境,所以可以直接使用。 技术栈 React React钩 antd(最后约会了一点,还没使用熟练,所以前面的样式基本还是手写) 实现功能 在线编辑与预览 左右窗户同步滚动 顶部功能栏(简陋) 待改进的点 代码应该分开为各个组件,由于是第一次上手,就写在一起的方便操作,有时间应该分开一下。 css样式没有设计好,最后约会了antd写顶部工具栏,但是没有布局
资源推荐
资源详情
资源评论
收起资源包目录
tech-training-camp-frontend-main.zip (14个子文件)
tech-training-camp-frontend-main
.gitignore 310B
package.json 1KB
package-lock.json 653KB
src
Editor.js 178B
index.js 160B
App.js 5KB
Tool.js 126B
App.css 5KB
Preview.js 108B
public
index.html 439B
README.md 5KB
.idea
mkdown-master.iml 458B
modules.xml 278B
yarn.lock 514KB
共 14 条
- 1
资源评论
想变得很厉害
- 粉丝: 40
- 资源: 4731
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功