Semantic-ui: [UI] Codeblock

[ns-phennessy]

In similar fashion to Github, it would be nice if there was a code embed element as part of Semantic.

I imagine it having the line number on the left hand side, as well as a title bar and probably most importantly, language specific syntax highlighting. It seems that most of the building blocks for this exist already in Semantic, except for the line number and syntax highlighting.

This is an example of what I'm talking about:

[jlukic]

I could see building a set of UI around a forked version of a mature library like highlight.js

[ns-phennessy]

Yeah, plus highlight.js already has a buttload of color themes available for it so that can be easily configured with Semantic's build tools.

[sujaysreedhar]

+1

[martindale]

+1

[sasha240100]

+1

[Elements-]

+1

[hardvain]

Any updates on this?

[PhilLehmann]

If you would go for ace9, you would also get such features as code folding and completion. I believe, it's used by github, too.

https://ace.c9.io/#nav=production

But it's probably a 'little' heavier than hightlight.js.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 30 days if no further activity occurs. Thank you for your contributions.

[MurzNN]

It is needed feature!

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 30 days if no further activity occurs. Thank you for your contributions.

[martindale]

Keep this issue alive!

On Sat, May 26, 2018, 12:25 AM stale[bot] [e-mail] wrote:

This issue has been automatically marked as stale because it has not had
recent activity. It will be closed in 30 days if no further activity
occurs. Thank you for your contributions.

—

You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/Semantic-Org/Semantic-UI/issues/1530#issuecomment-392243205,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AAH64VvZmeRzYxw8epms8laoAcAujMNYks5t2QN7gaJpZM4DM6j_
.

[bolorundurovj]

Please how do i highlight code with semantic ui in angular