Deze plugin is niet getest met de laatste 3 grotere versies van WordPress. Mogelijk wordt het niet meer onderhouden of ondersteund. Ook kunnen er compatibiliteitsproblemen ontstaan wanneer het wordt gebruikt met recentere versies van WordPress.

Elementor Syntax Highlighter

Beschrijving

THIS PLUGIN IS NO LONGER MAINTAINED, SINCE ELEMENTOR NOW HAS A SYNTAX HIGHLIGHT WIDGET OF ITS OWN.

This Elementor widget allows you to add syntax highlighted code snippets to your content.

The syntax highlighter is implemented using PrismJS.

To use drag the “Highlighted Code” widget from the “Basic” section of the Elementor sidebar onto you post. Then select the language you will be using and fill in the code in the sidebar. You’ll see a preview of what things will look like in the main content panel.

Schermafdrukken

  • Using the highlighter widget
  • Frontend example
  • The Elementor widget closeup
  • The Elementor widget in the sidebar

Installatie

Make sure Elementor is activated, then activate this plugin. You’ll see the widget under the “Basic” section in the Elementor sidebar.

FAQ

Q: Can I use another PrismJS theme?
A: Currently only the Okaidia theme is supported. Soon, the selected PrismJS theme will be configurable.

Q: What languages can be highlighted?
A: markup, css, clike, javascript, bash, c, csharp, cpp, fsharp, git, go, graphql, haskell, http, java, javadoc, javadoclike, jsdoc, js-extras, js-templates, json, latex, lisp, makefile, markdown, markup-templating, matlab, nginx, objectivec, perl, php, phpdoc, php-extras, pug, python, r, jsx, tsx, regex, sass, scss, scala, shell-session, sql, twig, typescript

Q: The language I want to highlight isn\’t in the dropdown. How can I select it?
A: Currently only a subset of languages is supported. Soon, the full set of PrismJS languages will be supported.

Q: Does this support any of the PrismJS plugins?
A: Not yet. There are plans to support line numbers and copy paste in the future.

Beoordelingen

11 april 2020
Plugin works as intended. Perfectly simple. Still lacks few features that would be great (copy/paste button, numbered lines, style settings). In my case I would love to see it having width setting because my website is narrow and I would like to somehow stay without horizontal scroll. Thanks for good plugin
11 maart 2020
We wasted 1 day testing plugins but finally found the right one for ELEMENTOR
10 februari 2020
The plugin works as advertised in the plugin description. I appreciate your work. It’s the one and only working code highlighting for elementor. Looking for future updates with line numbering and the copy feature.
Lees alle 3 beoordelingen

Bijdragers & ontwikkelaars

“Elementor Syntax Highlighter” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

Bijdragers

Vertaal “Elementor Syntax Highlighter” naar jouw taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.