@@ -7,9 +7,9 @@ This article discusses how to customize Draft default block rendering.
77The block rendering is used to define supported block types and their respective
88renderers, as well as converting pasted content to known Draft block types.
99
10- When pasting content or when using the
11- [ convertFromHTML] ( /docs/api-reference-data-conversion.html#convertfromhtml )
12- Draft will then convert the pasted content to the respective block rendering type
10+ When pasting content, or when calling
11+ [ convertFromHTML] ( /docs/api-reference-data-conversion.html#convertfromhtml ) ,
12+ Draft will convert pasted content to the respective block rendering type
1313by matching the Draft block render map with the matched tag.
1414
1515## Draft default block render map
@@ -34,7 +34,7 @@ by matching the Draft block render map with the matched tag.
3434
3535## Configuring block render map
3636
37- Draft default block render map can be overwritten, by passing an
37+ Draft's default block render map can be overwritten by passing an
3838[ Immutable Map] ( http://facebook.github.io/immutable-js/docs/#/Map ) to
3939the editor blockRender props.
4040
@@ -65,8 +65,8 @@ class RichEditor extends React.Component {
6565}
6666```
6767
68- There are cases where instead of overwriting the defaults we just want to add new block types;
69- this can be done by using the DefaultDraftBlockRenderMap reference to create a new blockRenderMap
68+ There are cases where instead of overwriting the defaults, we just want to add new block types.
69+ This can be done by using the DefaultDraftBlockRenderMap reference to create a new blockRenderMap
7070
7171* example of extending default block render map:*
7272
@@ -95,7 +95,7 @@ class RichEditor extends React.Component {
9595
9696When Draft parses pasted HTML, it maps from HTML elements back into
9797Draft block types. If you want to specify other HTML elements that map to a
98- particular block type, you can add an array ` aliasedElements ` to the block config.
98+ particular block type, you can add the array ` aliasedElements ` to the block config.
9999
100100* example of unstyled block type alias usage:*
101101
@@ -108,16 +108,16 @@ particular block type, you can add an array `aliasedElements` to the block confi
108108
109109## Custom block wrappers
110110
111- By default the html element is used to wrap block types however a react component
111+ By default, the html element is used to wrap block types. However, a react component
112112can also be provided to the _ blockRenderMap_ to wrap the EditorBlock.
113113
114- During pasting or when using the
115- [ convertFromHTML] ( /docs/api-reference-data-conversion.html#convertfromhtml )
114+ During pasting, or when calling
115+ [ convertFromHTML] ( /docs/api-reference-data-conversion.html#convertfromhtml ) ,
116116the html will be scanned for matching tag elements. A wrapper will be used when there is a definition for
117117it on the _ blockRenderMap_ to wrap that particular block type. For example:
118118
119- Draft uses wrappers to wrap ` <li/> ` inside either ` <ol/> ` or ` <ul/> ` but wrappers can also be used
120- to wrap any other custom block type
119+ Draft uses wrappers to wrap ` <li/> ` inside either ` <ol/> ` or ` <ul/> ` , but wrappers can also be used
120+ to wrap any other custom block type.
121121
122122* example of extending default block render map to use a react component for a custom block:*
123123
0 commit comments