Preformatted Text in Layout Builder

Hello all! Love the theme so far, but running into two small issues using the layout builder.

Background – In my portfolio entries, I’m trying to put in some code syntax highlighting. I’m specifically using the Crayon Syntax Highlighter Plugin (http://wordpress.org/plugins/crayon-syntax-highlighter/). Normally, the code highlighting setup has to be done using the “Text” tab in the “Default Editor” and displays in a popup.

Issue One – The only Content Element that makes sense for me to use (am I wrong with this) is the Text Box. I add the text box and when clicking on the Text Box to set its contents, I can’t use the crayon syntax highlighter, since it can’t display a second-layer modal. Is there a preferred method to do this? Right now, I open a second post and use the default editor, copy the code it creates, and paste it into my Text Box contents. It works, but is there another, smoother way?

Issue Two – the code the syntax highlighter creates is encapsulated within a <pre> tag with its inner elements. If highlighting HTML or XML, the containing code is encoded into html-encoded entities. When saving the post, I see that the database stores the code correctly (still using the HTML-encoded entities). But when I edit the post again, those entities are converted back into normal HTML-tags, breaking the theme builder and the final saved post.

Example: my code inserted into the Text Box is (and how it is saved into the database) is:

<pre>& lt;something& gt;can go here& lt;/something& gt;& lt;/pre& gt;

(added in spaces to prevent the forum from automatically converting them here too)

However, when I open the edit for the post, the entities are converted back into normal HTML, breaking the code highlighting and everything else, and looks like this in the editor:

<pre><something>can go here</something></pre>

Any thoughts or suggestions? Issue #1 can be worked around, so no biggie, but #2 is a show-stopper for right now.