このプラグインは WordPress の最新3回のメジャーリリースに対してテストされていません。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress で使用した場合は互換性の問題が発生する可能性があります。

Elementor Syntax Highlighter

説明

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.

スクリーンショット

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

インストール

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.

評価

2020年4月11日
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
2020年3月11日
We wasted 1 day testing plugins but finally found the right one for ELEMENTOR
2020年2月10日
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.
3件のレビューをすべて表示

貢献者と開発者

Elementor Syntax Highlighter はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“Elementor Syntax Highlighter” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。