E107: not able to use <pre><code> syntax in tinymce area

[Jimmi08]

Tested with simplemde plugin by lonalore that have already this script supported. Before 3 years ago it worked. Now the same result: <pre>&lt;code&gt;test&lt;/code&gt;</pre>

[Jimmi08]

@Moc change label to question, this is probably the intention. I don't need this anymore.

[CaMer0n]

@Moc I believe this is the parser error we saw on e107.org. It should normally be fixed now.

[Jimmi08]

It is not. I tried it after that fix. You don't see it normally because HTML entities are displayed correctly, but you can't use it for js <pre><code> test doesn't work.
But as I said, I don't need this anymore.

[CaMer0n]

TinyMce also seems to be adding <br> instead of \n inside the <pre> tag.

[CaMer0n]

btw.

For highlight.js I need to use code <pre><code> </pre></code> in tinymce area

I think you mean:

<pre><code> </code></pre>

TinyMce Source:

[html]<p>To create a simple test script, create a new file called <code style="unicode-bidi: embed; direction: ltr;">test.php</code> in your root folder with the following php:</p>
<pre class="prettyprint linenums">require_once("class2.php");
require_once(HEADERF);
echo "Hello World";
require_once(FOOTERF);
</pre>
<p>Then point your browser to <code style="unicode-bidi: embed; direction: ltr;">www.yoursite.com/test.php</code></p>[/html]

Rendered Result:

See: https://e107.org/developer-manual/getting-started/hello-world

[Jimmi08]

@CaMer0n
try to use

 /* {THEME_PREF: code=header_width&default=container} */
  /* way how to use theme prefs as shortcodes in HTML layout */

Result:

<pre>&lt;span&gt;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/span&gt;&lt;span&gt;/*&nbsp;{THEME_PREF:&nbsp;code=header_width&amp;default=container}&nbsp;*/&lt;/span&gt;</pre>
<pre>&lt;span&gt;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/span&gt;&lt;span&gt;/*&nbsp;way&nbsp;how&nbsp;to&nbsp;use&nbsp;theme&nbsp;prefs&nbsp;as&nbsp;shortcodes&nbsp;in&nbsp;HTML&nbsp;layout&nbsp;*/&lt;/span&gt;</pre>

[CaMer0n]

@Jimmi08 I tried what you suggested:

TinyMce Source (before saving and after saving/re-editing):
[html]<pre class="line-numbers language-javascript">/* {THEME_PREF: code=header_width&amp;default=container} */ /* way how to use theme prefs as shortcodes in HTML layout */</pre>[/html]
I'm not seeing an issue. Can you provide more details?

[Jimmi08]

It was adding spans after inserting text, before saving itself. I had to switch to source code, insert that text there, switch back, and then use preformatted code button.

Now I can't reproduce it. I don't understand. Closing.

[CaMer0n]

@Jimmi08 Maybe you copy/pasted from elsewhere? (so it pasted additional tags)

[Jimmi08]

@Jimmi08 Maybe you copy/pasted from elsewhere? (so it pasted additional tags)

Visual Code editor.
I tried PSPAD before (comment above) because I use it more, but after your comment, it hit me that I was cleaning code and then I used VC.