Github:
文档:
在线示例:
使用npm包管理
Slate 开放了一套用于构建编辑器的模块。其中,最重要的是 Editor 组件:
启动的时候我第一次失败了,然后重新启动下就行了,然后打开浏览器localhost:8080
通过简单的语法实现Markdown的编写
你可以从别的网站直接粘贴带有样式的文本
写过html标签的都知道
类似<textarea></textarea>
可以在应用某些更改后保存新版本,然后随时回滚到以前的版本
以下是开发者的一些说明(文档有中文版):
类似加粗和斜体的结构可以开箱即用,但评论、嵌入内容以及更多的定制性需求呢?
用户的编写体验可能不错,但在执行编程式变更时却不必要地复杂,而这对于构建高级的编辑行为至关重要。
这是一个非常常见的使用场景,但要实现将文档转换为 HTML 或 Markdown 的简单功能都需要编写大量的模板代码。
各种编辑器在重新发明视图层的轮子,而非使用 React 这样已有的技术方案。你必须学习一套带着自有限制和陷阱的新系统。
编辑器内部的数据结构使其无法用于实时、协作的编辑场景中,除非重写编辑器。
许多编辑器没有对外开放本应为开发者所复用的内部工具,以至于不得不重新发明轮子。
不少编辑器是围绕简单的【扁平】文档结构设计的,这使得表格、嵌入内容和字幕等内容难以理解,有时甚至无法实现。
Slate是一个可以高度定制化博众家之所长的富文本编辑器框架,其强大之处远不是本文所展现的这一点,你可以使用它来创建复杂且优雅的富文本编辑器,相对其他很多编辑器本身来说非常的灵活,文档也非常的详细,目前也正在不断地迭代当中,对富文本编辑器定制化需求比较高的可以尝试,希望能对你有所帮助!
浏览器,比如chrome,它很强大,可以打断点单步调试,可以看html结构,可以调css样式,可以模拟伪类事件,可以模拟不同视口的设备。编译器推荐Atom , Sublime text3 。
ps: 既然是新手 ,就先别用IDE,要自己去敲,多敲才能记住一些东西!
pps: 要记住一些快捷键,便于提高效率。
gulp / webpack + babel自动化工具,效率高!