draftjs
文章平均质量分 52
浪漫不属意
这个作者很懒,什么都没留下…
展开
-
1.Draftjs 学习笔记
前期准备安装使用1.前期准备为了方便我直接使用的是Dva-cli脚手架搭建的React 框架开始学习,dva是一个还不错的脚手架集成了redux 和 react还是挺不错,具体使用可以查看他的文档 接着我就跟着官网来,因为dva 已经引入了react ,直接加入draftjs即可2.安装 npm install –save draft-js3.使用新建components/MyEdito原创 2016-12-08 15:42:10 · 6503 阅读 · 2 评论 -
3.Draftjs 学习笔记-Entities
本章讨论实体(Entities)系统,Draft用来注解文本的元数据类型,图片链接,视频在Draft这里都算是实体。原文如下: This article discusses the Entity system, which Draft uses for annotating ranges of text with metadata. Entities enable engineers to int原创 2016-12-08 17:45:42 · 3633 阅读 · 0 评论 -
5.Draftjs 学习笔记-自定义控件(多媒体)
偷个懒先贴上两个文档1.block-render主要用来自定义渲染的,一般是通过css,或者更换标签,当然也可以用自定义组件 在处理粘贴进来的内容时,有着映射,粘贴这块我没试过,render的实验在第2篇中最后那个例子中有。2.block-component 用来做一些复杂的组件比如多媒体组件和一些有交互事件的组件。 这个就不想洗赘述了,贴上一个多媒体组件的,在2中例子基础上加的,添加了左中右原创 2016-12-21 16:46:29 · 6126 阅读 · 0 评论 -
2.Draftjs 学习笔记-Rich Styling
前提概要draftjs的编辑器和input的区别就是,draft的值与状态是通过editorstate管理的,对比文档参考这里,editorstate的API 参考这里正文 本章节主要是文本的简单样式控制,分别通过快捷键和按钮来实现1. RichUtils and Key Commands(快捷键)RichUtils has information about the core key com原创 2016-12-08 16:04:25 · 3014 阅读 · 0 评论 -
6.Draftjs 学习笔记-聊聊自定义样式
draft对于一些简单的文本加点样式就能搞定的提供了集中自定义的方式,分为两种情况,块级样式,行内样式,块级之间不可叠加!!!!,其他都可以叠加。1. 块级样式自定义首先呢,分几种情况,一种覆盖已存在的块级样式,一种完全创造个新的自己定义的,这里就演示完全捏造一个,覆盖的话只要用已有的名字标签就行,其实没必要,自定义就行。我这定义一个suibian 的块级样式,红色的大字体。先要添加这个块级的名称原创 2017-03-27 16:41:00 · 3118 阅读 · 0 评论 -
4.Draftjs 学习笔记-Decorators
draft.js 中的装饰器功能介绍,主要是策略和渲染组件,本节讲述装饰器的原理和使用方法原创 2016-12-08 17:53:15 · 2898 阅读 · 0 评论 -
7.Draftjs 学习笔记-StateToHtml
扯点废话,我们使用draftjs来进行文本编辑是很不错的,但是如果只是单纯的显示的时候,用draftjs设置只读也是可以的,总有点杀鸡用牛刀的感觉。这时候可以把state转成html,应用场景比如在pc端后台管理,想在手机端显示就比较实用了。介绍这个工具https://github.com/sstur/draft-js-export-html,用法直接看文档就行。就我使用的情况总结几点: 当只使原创 2017-04-06 20:36:09 · 3792 阅读 · 0 评论