HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

changing pre tag to code

jackmaessenjackmaessen ✭✭✭
edited November 2015 in Feedback

There seems to be a problem with using the pre tag in combination with html in it. The html is executed between the pre tags.
Like in this discussion ( http://vanillaforums.org/discussion/28637/posting-html-code#latestalready) was told; you can avoid it to add code tags within the pre tags like below:

    <pre lang="html">
    <code>
   html  code goes here
    </code>
    </pre>

But doing it like above, the output in the codeblock will be:

<code>
html code goes here
</code>

So the advise of @creativedreams to change the pre tag in code is a good option. This should be changed in the file shInit.js in the js folder of the plugin:

......
'tagName':       'code',     // Facilitates using a different tag.
.....

But that is not enough to make it work. What happens: if you submit a piece of code, the highlighter seems to work normal. But after a refresh, the complete div with its unique , table, class gutter and code inside it, is gone.
You need to make 2 more changes; in the file shLegacy.js and in the file shCore.js, both in the js folder.
In those 2 files, search for "pre" and change the "pre" to "code"

In shLegacy.js:
....getAttribute|textarea|object|push|pre|className|highlight|document|getElementsByTagName....

In shCore.js:
....createElement|Highlighter|load|HtmlScript|Brush|pre|expand|multiline....

Well, i thought this might be useful for the developer and for other users who wants to change from pre to code tag

Comments

Sign In or Register to comment.