Codemirror widget (online code highlighting)

Codemirror widget (online code highlighting)

skeeks/yii2-widget-codemirror

Install Demo

CodeMirror является универсальным текстовым редактором реализован на JavaScript в браузере. Он специализированн для редактирования кода, и поставляется с рядом режимов языка и аддонов, которые реализуют более расширенную функциональность для редактирования.

Publication time: Wednesday, June 24, 2015 (5 years ago)

Created by: Семенов Александр Сергеевич

Category: Editors

Current version: 1.0.5
May 23, 2020, 2:03:06 PM (2 months ago)

Packagist: skeeks/yii2-widget-codemirror

: https://github.com/skeeks-semenov/yii2-widget-codemirror

: 16054 (Per month: 248)

Type of: Компонент


CodeMirror является универсальным текстовым редактором реализован на JavaScript в браузере. Он специализированн для редактирования кода, и поставляется с рядом режимов языка и аддонов, которые реализуют более расширенную функциональность для редактирования.

Codemirror widget for Yii2 framework

Description

CodeMirror is a versatile text editor implemented in JavaScript for the browser. It is specialized for editing code, and comes with a number of language modes and addons that implement more advanced editing functionality. For more information please visit CodeMirror

Installation

The preferred way to install this extension is through composer.

To install, either run

$ php composer.phar require skeeks/yii2-widget-codemirror "*"

or add

"skeeks/yii2-widget-codemirror": "*"

to the require section of your composer.json file.

Usage

use skeeks\widget\codemirror\CodemirrorWidget;

$form->field($model, 'code')->widget(
    CodemirrorWidget::className(),
    [
        'preset'=>'php',
        'options'=>['rows' => 20],
    ]
);

You can use ready-made presets, or create your own. To do this, specify the folder to your presets.

use skeeks\widget\codemirror\CodemirrorWidget;

$form->field($model, 'code')->widget(
    CodemirrorWidget::className(),
    [
        'presetDir'=>'/path_to_your_presets',
        'preset'=>'sql',
    ]
);

In general, you can customize the widget directly specifying its properties.

use skeeks\widget\codemirror\CodemirrorWidget;
use skeeks\widget\codemirror\CodemirrorAsset;

$form->field($model, 'code')->widget(
    CodemirrorWidget::className(),
    [
        'assets'=>[
            CodemirrorAsset::MODE_CLIKE,
            CodemirrorAsset::KEYMAP_EMACS,
            CodemirrorAsset::ADDON_EDIT_MATCHBRACKETS,
            CodemirrorAsset::ADDON_COMMENT,
            CodemirrorAsset::ADDON_DIALOG,
            CodemirrorAsset::ADDON_SEARCHCURSOR,
            CodemirrorAsset::ADDON_SEARCH,
        ],
        'settings'=>[
            'lineNumbers' => true,
            'mode' => 'text/x-csrc',
            'keyMap' => 'emacs'
        ],
    ]
);

License

conquer/codemirror is released under the MIT License. See the bundled LICENSE.md for details.


All Comments (0)
No Comments

dev-master — May 23, 2020, 2:03:06 PM (2 months ago)

1.0.5 — May 23, 2020, 2:03:06 PM (2 months ago)

1.0.4 — Sep 28, 2018, 10:04:12 AM (a year ago)

1.0.3 — Nov 8, 2015, 12:51:11 AM (4 years ago)

1.0.1 — Jun 6, 2015, 8:56:26 PM (5 years ago)

1.0.2 — Jun 6, 2015, 8:56:26 PM (5 years ago)

1.0.0 — Jun 5, 2015, 6:41:54 PM (5 years ago)

Стандартная установка:

Добавьте composer.json файл вашего проекта:

"skeeks/yii2-widget-codemirror": "*"

Запустите обновление зависимостей


Читать про обнолвение SkeekS CMS