组件说明

代码编辑器组件用于编辑代码，支持语法高亮、代码提示等功能。

用法示例

use plugin\xbCode\builder\Builder;
use plugin\xbCode\builder\Renders\Form;

Builder::form(function (Form $builder) {
    // 编辑PHP代码
    $builder->addRowCodeEdit('code', 'PHP代码', '', function($component) {
        $component->language('php');
        $component->size('lg'); // 编辑器高度
        $component->allowFullscreen(true);
    });

    // 编辑JSON
    $builder->addRowCodeEdit('config', '配置文件', '', [
        'language' => 'json',
        'size' => 'md',
        'options' => [
            'lineNumbers' => true,
            'readOnly' => false
        ]
    ]);

    // 编辑SQL
    $builder->addRowCodeEdit('sql', 'SQL语句', '', function($component) {
        $component->language('sql');
        $component->placeholder('请输入SQL语句');
    });
});

组件参数

参数名	类型	默认值	说明
name	string	-	字段名称
label	string	-	字段标签
value	string	-	默认代码内容
language	string	-	编辑器高亮的语言，如：php、javascript、json、sql、html、css、python等
size	string	-	编辑器高度，可选：md、lg、xl、xxl
allowFullscreen	bool	true	是否显示全屏模式开关
options	object	-	monaco编辑器配置，如是否显示行号等
placeholder	string	-	占位描述，没有值的时候展示
disabled	bool	false	是否只读
required	bool	false	是否必填

使用说明

language支持常见编程语言：php、javascript、typescript、json、sql、html、css、python、java、go等
size控制编辑器高度：md(中等)、lg(大)、xl(超大)、xxl(超超大)
options可以配置monaco编辑器的详细参数，如行号、主题等
allowFullscreen开启后可以全屏编辑代码
组件基于monaco editor实现