Melonpan Block – Code

설명

DemoDocumentationGitHub

Block to display code, with highlighted syntax, which can be copied to the clipboard.

Features

The block comes with the following settings:

  • Code language: JavaScript, CSS, PHP, etc. Full list of languages.
  • Color theme
  • Label: Top left label that can be customized. By default the code language.
  • Copy button: Top right button to copy the block content.
  • Padding
  • Border width and Border radius

Usage

The block can be found inside the blocks inserter menu under the Melonpan Blocks category.
Once added in the post you can edit its settings on the Editor sidebar under the Block settings panel.
Switch between the previewer and editor views to edit the code and see its styled output.

스크린샷

  • Block settings panel.

블록

이 플러그인은 1(을)를 제공합니다.

melonpan-block/code
Melonpan Block - Code

설치

Installation from the WordPress admin.

  1. Log in to the WordPress admin and navigate to Plugins > Add New.
  2. Type Melonpan Block – Code in the Search field.
  3. In the results list Melonpan Block – Code plugin should appear, click Install Now button.
  4. Once it finished installing, click the Activate button.
  5. That’s it, now you can go to any post where Gutenberg is enabled and start using the block.

후기

이 플러그인에 대한 평가가 없습니다.

기여자 & 개발자

“Melonpan Block – Code”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

“Melonpan Block – Code”(이)가 1(으)로 번역되었습니다. 기여해 주셔서 번역자님께 감사드립니다.

자국어로 “Melonpan Block – Code”(을)를 번역하십시오.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하십시오.

변경이력

1.1.0

  • Small CSS fix for WP 5.4 version.
  • Improved development environment (updated packages, added linting…)

1.0.1

  • Improved code base.

1.0.0

  • Initial release.