I tried to hide the Ruby code using the fill-in-the-blank function, but the two colons in the pre and code tags caused an unexpected bug.

To summarize, the current state is as follows.

• The last line of each code block is not displayed from the middle
• Two code blocks are merged into one

Actual code and display

Actual code

1.pattern1<br>
{{c1::
<pre><code class="language-ruby">
module M
  CONST = "Hello, world"

  class C
    def awesome_method
      CONST
    end
  end
end

p M::C.new.awesome_method  # =&gt; "Hello, world"
</code></pre>
}}<br>

2.pattern2<br>
{{c1::
<pre><code class="language-ruby">
module M
  CONST = "Hello, world"

  class C
    def awesome_method
      CONST
    end
  end
end

p M::C.new.awesome_method  # =&gt; "Hello, world"
</code></pre>
}}

Displayed

I hope it will look like this.

• enable two code blocks hide and displayed separately
• The last line of each code block is displayed

###What I have tried

• I tried escaping with character code
  • I thought it would work just like <(become &lt;) or >(become >)
    • but when I type : and then remove the focus, it is automatically converted to :

If there is a solution, how should I change it?