HubSpot / draft-convert

Extensibly serialize & deserialize Draft.js ContentState with HTML.
Apache License 2.0
483 stars 94 forks source link

convertToHTML Anchor Tag #169

Open tringas opened 4 years ago

tringas commented 4 years ago

Thank you all for your work on this, Btw I don't have experience with Draftjs but I'm successfully using Dante2 on my project, but I'm having one problem with anchor tag when I use convertToHTML they are rendering as unstyled paragraph instead of anchor.

const html = convertToHTML({
  styleToHTML: style => {
    if (style.startsWith("CUSTOM_COLOR_")) {
      return (
        <span
          style={{
            color: style.substr(style.length - 7),
          }}
        />
      )
    }
  },
  blockToHTML: block => {
    if (block.type === "image") {
      return (
        <img src={block.data.url} alt={block.text} />
      )
    }
    if (block.type === "code-block") {
      return (
        <code>
          <pre>{block.text}</pre>
        </code>
      )
  }
},
})(editor.state.editorState._immutable.currentContent)

Is there a easy way I can specify how the anchor tag should looks like I'm doing with images

if (block.type === "image") {
  return (
    <img src={block.data.url} alt={block.text} />
  )
}

thank you

keerthiyml commented 3 years ago

Hi @tringas Were you able to solve this? I'm facing the same issue