skeeks/yii2-widget-codemirror

Yii2 codemirror 小部件

1.0.5 2020-05-23 11:03 UTC

This package is auto-updated.

Last update: 2024-08-23 20:30:23 UTC


README

描述

CodeMirror 是一个适用于浏览器的多功能文本编辑器,由 JavaScript 实现。它专注于代码编辑,并附带多种语言模式和插件,以实现更高级的编辑功能。更多信息请访问 CodeMirror

安装

安装此扩展的首选方式是通过 composer

要安装,请运行

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

或者将以下内容添加到您的 composer.json 文件的 require 部分:

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

用法

use skeeks\widget\codemirror\CodemirrorWidget;

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

您可以使用现成的预设,或者创建自己的预设。为此,指定您的预设文件夹。

use skeeks\widget\codemirror\CodemirrorWidget;

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

通常,您可以通过直接指定其属性来自定义小部件。

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'
        ],
    ]
);

许可证

conquer/codemirror 采用 MIT 许可证发布。有关详细信息,请参阅附带的 LICENSE.md 文件。