Page 1 of 1

Insert/Show highlighted code on a webpage

Posted: Wed Oct 31, 2018 7:08 pm
by Tata
I made some years ago a template tutorial. There were three areas on a webpage:
Preview / with evtl. comments
template box
stylesheet box
I last two boxes I inserted the highlighted code from some editor which exported the files automatically as html files.
Now I don't remember the editor nor can I find any similar editor online.
Does someone of you use such one?

Re: Insert/Show highlighted code on a webpage

Posted: Wed Oct 31, 2018 8:27 pm
by lck
Tata wrote:
Wed Oct 31, 2018 7:08 pm
Now I don't remember the editor nor can I find any similar editor online.
The code of your tutorial looks like it comes from ExportHtml. Classes like "code_page" "code_text" "code_gutter" "code_line" "real_text" are the same. :?
Tata wrote:
Wed Oct 31, 2018 7:08 pm
Does someone of you use such one?
I don't.

Re: Insert/Show highlighted code on a webpage

Posted: Wed Oct 31, 2018 9:12 pm
by Tata
Actually, I have found polugins for SublimeText3, but installing it, setting etc. is really a necbreaking task. Anyway, it works. There is also the Notepad++ for Windows, but again, working simultaneously both on Windows and MAC is not the most comfortable way. But having the code (e.g. in a tutorial page) highlighted requires CSS. So simple copy/paste can't work. The simples way is the SublimeText3 editor, so far.

Re: Insert/Show highlighted code on a webpage

Posted: Wed Oct 31, 2018 9:44 pm
by cmb
Consider using Syntaxhighlighter_XH.

Re: Insert/Show highlighted code on a webpage

Posted: Wed Oct 31, 2018 9:52 pm
by Tata
I have this plugin. But the reason of using the code exported from an editor is to make a step-by-step tutorial (similar to codepen). It means, that in 4 containers will be shown how the template is built, simultanouely the stylesheet, how the functions are inserted and evtl. scripts. Will look, if this can be achieved by Sintaxhighlighter.
EDIT:
Couldn't do a testing. Installation not completed.
...add the "syntaxhl" button to "theme_advanced_buttonsN"...
I have not found theme_advanced_buttonsN anywhere.

Re: Insert/Show highlighted code on a webpage

Posted: Wed Oct 31, 2018 10:27 pm
by cmb
Tata wrote:
Wed Oct 31, 2018 9:52 pm
Couldn't do a testing. Installation not completed.
...add the "syntaxhl" button to "theme_advanced_buttonsN"...
I have not found theme_advanced_buttonsN anywhere.
This is the description for TinyMCE(3). You need to follow the description for TinyMCE4 below.

Re: Insert/Show highlighted code on a webpage

Posted: Thu Nov 01, 2018 6:08 am
by Tata
SUPER!!!