How to store use triple-quoted backtick strings with marked.js

Question

I'm using marked.js to render code that we want to store (ultimately as JSON). However, the I can't get triple-back-ticked convention to render correctly. I'm sure user error on my part but how would I to get the following to work?

<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<div id="content"></div>
<script>
let str = marked.parse("here is the body of arguments ```\n\nclass User\n  def say_my_name\n  puts 'my name'\n  end\nend```");
document.getElementById('content').innerHTML = str;
</script>

which renders for me like:

lusc · Accepted Answer · 2022-02-27 20:30:00Z

2

What you have is

here is the body of arguments ```

class User
  def say_my_name
  puts 'my name'
  end
end```

But that is not valid. The code fences should always be on a new line:

let str = marked.parse("here is the body of arguments \n```\n\nclass User\n  def say_my_name\n  puts 'my name'\n  end\nend\n```");
document.getElementById('content').innerHTML = str;

<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<div id="content"></div>

edited Feb 27, 2022 at 20:30

answered Feb 23, 2022 at 16:28

lusc

1,4672 gold badges13 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

k.tten · Accepted Answer · 2022-02-23 16:27:51Z

1

You've got the newlines mixed up around the first trio of backticks:

let str = marked.parse("here is the body of arguments\n ```\nclass User\n  def say_my_name\n  puts 'my name'\n  end\nend```");

document.getElementById('content').innerHTML = str;

<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<div id="content"></div>

See how it's monospace now?

answered Feb 23, 2022 at 16:27

k.tten

26.8k4 gold badges34 silver badges63 bronze badges

1 Comment

phuzi Over a year ago

You'll probably want another newline before the closing backticks too otherwise it all gets rendered on a single line ignoring the newlines in the code block

Collectives™ on Stack Overflow

How to store use triple-quoted backtick strings with marked.js

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related