Insert/Show highlighted code on a webpage

Discussions and requests related to new CMSimple features, plugins, templates etc. and how to develop.
Please don't ask for support at this forums!
Post Reply
Tata
Posts: 3586
Joined: Tue May 20, 2008 5:34 am
Location: Slovakia
Contact:

Insert/Show highlighted code on a webpage

Post by Tata » Wed Oct 31, 2018 7:08 pm

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?
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.

lck
Posts: 2963
Joined: Wed Mar 23, 2011 11:43 am
Contact:

Re: Insert/Show highlighted code on a webpage

Post by lck » Wed Oct 31, 2018 8:27 pm

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.
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“   👉 Ludwig's XH-Templates for MultiPage & OnePage

Tata
Posts: 3586
Joined: Tue May 20, 2008 5:34 am
Location: Slovakia
Contact:

Re: Insert/Show highlighted code on a webpage

Post by Tata » Wed Oct 31, 2018 9:12 pm

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.
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.

cmb
Posts: 14225
Joined: Tue Jun 21, 2011 11:04 am
Location: Bingen, RLP, DE
Contact:

Re: Insert/Show highlighted code on a webpage

Post by cmb » Wed Oct 31, 2018 9:44 pm

Consider using Syntaxhighlighter_XH.
Christoph M. Becker – Plugins for CMSimple_XH

Tata
Posts: 3586
Joined: Tue May 20, 2008 5:34 am
Location: Slovakia
Contact:

Re: Insert/Show highlighted code on a webpage

Post by Tata » Wed Oct 31, 2018 9:52 pm

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.
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.

cmb
Posts: 14225
Joined: Tue Jun 21, 2011 11:04 am
Location: Bingen, RLP, DE
Contact:

Re: Insert/Show highlighted code on a webpage

Post by cmb » Wed Oct 31, 2018 10:27 pm

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.
Christoph M. Becker – Plugins for CMSimple_XH

Tata
Posts: 3586
Joined: Tue May 20, 2008 5:34 am
Location: Slovakia
Contact:

Re: Insert/Show highlighted code on a webpage

Post by Tata » Thu Nov 01, 2018 6:08 am

SUPER!!!
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.

Post Reply