1. 定义一个函数,用来处理用户提交的编辑工作。例如:function handleEditWork(){....}
2. 为每个work添加edit按钮,当用户点击edit按钮时,触发handleEditWork函数,并将work的id作为参数传给handleEditWork函数。
3. 在handleEditWork函数中,根据work的id获取work的信息,并将其显示在页面上,以供用户修改。
4. 提供一个“保存”按钮,当用户点击“保存”按钮时,触发一个函数,用来将新的work信息保存到数据库中。
5. 刷新页面,显示新的work信息。
SublimeText2 支持但不限于 C, C++, C#, CSS, D, Erlang, HTML, Groovy, Haskell, HTML, Java, JavaScript, LaTeX, Lisp, Lua, Markdown, Matlab, OCaml, Perl, PHP, Python, R, Ruby, SQL, TCL, Textile and XML 等主流编程语言的语法高亮。ST2 拥有优秀的代码自动完成功能 (自动补齐括号,大括号等配对符号;自动补全已经出现的单词;自动补全函数名),非常智能;另外 ST2 也拥有代码片段(Snippet)的功能,可以将常用的代码片段保存起来,在需要时随时调用。当然,语法高亮、代码折叠、行号显示、自定义皮肤、配色方案等这些已经是一款现代编辑器应有的标配功能了。运行截图如下:
又来了
https://www.draft-js-plugins.com/plugin/image
draft.js:不要使用redux来管理editorState
draft.js:让光标显示在最后面
draft.js:内容清空之后,光标的位置会错乱
draft.js:如何改变 draft.js 编辑框的高度
draft.js:getPlainText 对换行符的修改 (填坑篇)
draft.js:onChange改装,判断文字内容是否修改
draft.js--富文本编辑器框架的实践(一)
draft.js--富文本编辑器框架的实践(二)
原 1.Draftjs 学习笔记
原 2.Draftjs 学习笔记-Rich Styling
原 3.Draftjs 学习笔记-Entities
原 4.Draftjs 学习笔记-Decorators
原 5.Draftjs 学习笔记-自定义控件(多媒体)
原 6.Draftjs 学习笔记-聊聊自定义样式
原 7.Draftjs 学习笔记-StateToHtml
Draftjs中文翻译1 - 概观
Draftjs中文翻译2 - API Basics API基础
Draftjs中文翻译3 - Rich Styling丰富的造型
Draftjs中文翻译4- 实体
Draftjs中文翻译5 - v0.10 API迁移
Draft.js文档
使用 Draft.js 来构建一个现代化的编辑器
draft.js在知乎的实践
基于Draft.js自定义富文本编辑器
基于Draftjs实现的Electron富文本聊天输入框
基于Draftjs实现的Electron富文本聊天输入框(一) —— 群@功能
基于Draftjs实现的Electron富文本聊天输入框(二) —— 图文输入
基于Draftjs实现的Electron富文本聊天输入框(三) —— Emoji
基于Draftjs实现的Electron富文本聊天输入框(四) —— 自定义快捷键
基于Draftjs实现的Electron富文本聊天输入框(五) —— 问题总结与解决
完美解决问题!
还有下一个问题:光标位置错乱 待解决!!!