` for `BOLD`). You can add custom attributes (e.g. `class=\"foo\"`) or add some styling (e.g. `color: red`).\n\nExample:\n\n```javascript\nlet options = {\n inlineStyles: {\n // Override default element (`strong`).\n BOLD: {element: 'b'},\n ITALIC: {\n // Add custom attributes. You can also use React-style `className`.\n attributes: {class: 'foo'},\n // Use camel-case. Units (`px`) will be added where necessary.\n style: {fontSize: 12}\n },\n // Use a custom inline style. Default element is `span`.\n RED: {style: {color: '#900'}},\n },\n};\nlet html = stateToHTML(contentState, options);\n```\n### `inlineStylesFn`\n\nYou can define custom function to return rendering options based on inline styles. Similar to draft.js [customStyleFn](https://draftjs.org/docs/api-reference-editor.html#customstylefn).\n\nExample:\n\n```javascript\nlet options = {\n inlineStyleFn: (styles) => {\n let key = 'color-';\n let color = styles.filter((value) => value.startsWith(key)).first();\n\n if (color) {\n return {\n element: 'span',\n style: {\n color: color.replace(key, ''),\n },\n };\n }\n },\n};\nlet html = stateToHTML(contentState, options);\n```\n\n### `blockRenderers`\n\nYou can define a custom renderer for any block type. Pass a function that accepts `block` as an argument. You can return a string to render this block yourself, or return nothing (null or undefined) to defer to the default renderer.\n\nExample:\n\n```javascript\nlet options = {\n blockRenderers: {\n atomic: (block) => {\n let data = block.getData();\n if (data.get('foo') === 'bar') {\n return '' + escape(block.getText()) + '
';\n }\n },\n },\n};\nlet html = stateToHTML(contentState, options);\n```\n\n### `defaultBlockTag`\n\nIf you don't want to define the full custom render for a block, you can define the type of the parent block tag that will be created if the block type doesn't match any known type.\n\nIf you don't want any parent block tag, you can set `defaultBlockTag` to `null`.\n\nExample:\n\n```javascript\nlet options = {\n defaultBlockTag: 'div',\n};\nlet html = stateToHTML(contentState, options);\n```\n\n### `blockStyleFn`\n\nYou can define custom styles and attributes for your block, utilizing the underlying built-in rendering logic of the tags, but adding your own attributes or styles on top. The `blockStyleFn` option takes a block and returns an Object similar to `inlineStyles` of the following signature or null:\n\n```js\n{\n attributes: {}\n style: {}\n}\n```\n\nExample:\n```js\nlet options = {\n blockStyleFn: (block) => {\n if (block.getData().get('color')) {\n return {\n style: {\n color: block.getData().get('color'),\n },\n }\n }\n }\n}\nlet html = stateToHTML(contentState, options);\n```\n\n### `entityStyleFn`\n\nIt is passed an [`entity`](https://draftjs.org/docs/api-reference-entity.html) object\nand should return an entityStyle object in the shape of:\n\n```js\n{\n element: 'element', // name of DOM element as a string\n attributes: {},\n style: {}\n}\n```\n\nExample:\n\n```js\nlet options = {\n entityStyleFn: (entity) => {\n const entityType = entity.get('type').toLowerCase();\n if (entityType === 'image') {\n const data = entity.getData();\n return {\n element: 'img',\n attributes: {\n src: data.src,\n },\n style: {\n // Put styles here...\n },\n };\n }\n },\n};\nlet html = stateToHTML(contentState, options);\n```\n\n## Contributing\n\nIf you want to help out, please open an issue to discuss or join us on [Slack](https://draftjs.herokuapp.com/).\n\n## License\n\nThis software is [BSD Licensed](/LICENSE).","users":{}}