1. Advisor
  2. draftail
  3. functions
  4. draftail.BLOCK_TYPE.ORDERED_LIST_ITEM
View all draftail analysis

How to use the draftail.BLOCK_TYPE.ORDERED_LIST_ITEM function in draftail

To help you get started, we’ve selected a few draftail examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github mirumee / saleor-dashboard / src / components / RichTextEditor / RichTextEditor.tsx View on Github external
initial && Object.keys(initial).length > 0 ? initial : null
          }
          onSave={value => handleSave(value, initial, name, onChange)}
          blockTypes={[
            {
              icon: ,
              type: BLOCK_TYPE.HEADER_ONE
            },
            { icon: , type: BLOCK_TYPE.HEADER_TWO },
            { icon: , type: BLOCK_TYPE.HEADER_THREE },
            { icon: , type: BLOCK_TYPE.BLOCKQUOTE },
            {
              icon: ,
              type: BLOCK_TYPE.UNORDERED_LIST_ITEM
            },
            { icon: , type: BLOCK_TYPE.ORDERED_LIST_ITEM }
          ]}
          inlineStyles={[
            {
              icon: ,
              type: INLINE_STYLE.BOLD
            },
            {
              icon: ,
              type: INLINE_STYLE.ITALIC
            },
            {
              icon: ,
              type: INLINE_STYLE.STRIKETHROUGH
            }
          ]}
          enableLineBreak
github mirumee / saleor / saleor / static / dashboard-next / components / RichTextEditor / RichTextEditor.tsx View on Github external
}
            } as any)
          }
          blockTypes={[
            {
              icon: ,
              type: BLOCK_TYPE.HEADER_ONE
            },
            { icon: , type: BLOCK_TYPE.HEADER_TWO },
            { icon: , type: BLOCK_TYPE.HEADER_THREE },
            { icon: , type: BLOCK_TYPE.BLOCKQUOTE },
            {
              icon: ,
              type: BLOCK_TYPE.UNORDERED_LIST_ITEM
            },
            { icon: , type: BLOCK_TYPE.ORDERED_LIST_ITEM }
          ]}
          inlineStyles={[
            {
              icon: ,
              type: INLINE_STYLE.BOLD
            },
            {
              icon: ,
              type: INLINE_STYLE.ITALIC
            },
            {
              icon: ,
              type: INLINE_STYLE.STRIKETHROUGH
            }
          ]}
          enableLineBreak
github medialab / website / admin / src / components / Editor.js View on Github external
enableLineBreak={{icon: }}
          rawContentState={content ? htmlToRaw(content) : null}
          stripPastedStyles={false}
          onSave={this.handleOnSave}
          entityTypes={[
            LINK,
            IMAGE,
            IFRAME
          ]}
          blockTypes={[
            {type: BLOCK_TYPE.HEADER_ONE, icon: h1},
            {type: BLOCK_TYPE.HEADER_TWO, icon: h2},
            {type: BLOCK_TYPE.HEADER_THREE, icon: h3},
            {type: BLOCK_TYPE.BLOCKQUOTE, icon: },
            {type: BLOCK_TYPE.UNORDERED_LIST_ITEM, icon: },
            {type: BLOCK_TYPE.ORDERED_LIST_ITEM, icon: },
            {type: BLOCK_TYPE.CODE, icon: }
          ]}
          inlineStyles={[
            {type: INLINE_STYLE.ITALIC, icon: },
            {type: INLINE_STYLE.BOLD, icon: }
          ]} />
      
    );
  }
}

draftail

📝🍸 A configurable rich text editor built with Draft.js

GitHub
MIT
Latest version published 3 years ago

Package Health Score

60 / 100
Full package analysis

Popular draftail functions

Similar packages