Skip to content

stateFromMarkdown() adds code inline style inside code block #244

Open
@edwindwalker

Description

@edwindwalker

A very simple reproduction case:

import { stateFromMarkdown } from "draft-js-import-markdown";
import { convertToRaw } from "draft-js";

const editorContent = stateFromMarkdown("```\n1\n2\n3\n```");
console.log(convertToRaw(editorContent));

The output is:

{"blocks":[{"key":"cd9fm","text":"1\n2\n3","type":"code-block","depth":0,"inlineStyleRanges":[{"offset":0,"length":5,"style":"CODE"}],"entityRanges":[],"data":{}}],"entityMap":{}} 

This doesn't seem like the correct result. The block element should be sufficient to enforce the correct styling.

From the source code:

return new ElementNode('pre', preAttrs, [codeNode]);

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions