abdelhamiderrahmouni/filament-editorjs

下一代块状风格的编辑器。

v0.1.0 2024-06-16 20:08 UTC

This package is auto-updated.

Last update: 2024-09-16 20:41:53 UTC


README

Filament EditorJs Latest Version on Packagist Total Downloads

为 Filament Admin/Forms 集成的 EditorJs。

安装

您可以通过 composer 安装此包。

composer require abdelhamiderrahmouni/filament-editorjs

使用

use FilamentEditorJs\Forms\Components\EditorJs;

EditorJs::make('content')

自定义

工具

默认情况下,所有工具都是启用的。以下是可用的工具列表

[
    'attaches',         // @editorjs/attaches
    'checklist',        // @editorjs/checklist
    'code',             // @editorjs/code
    'delimiter',        // @editorjs/delimiter
    'header',           // @editorjs/header
    'image-gallery',    // editorjs-gallery
    'image',            // @editorjs/image
    'inline-code',      // @editorjs/inline-code
    'link',             // @editorjs/link
    'list',             // @editorjs/list
    'marker',           // @editorjs/marker
    'nested-list',      // @editorjs/nested-list
    'paragraph',        // @editorjs/paragraph
    'quote',            // @editorjs/quote
    'raw',              // @editorjs/raw
    'style',            // editorjs-style
    'table',            // @editorjs/table
    'underline',        // @editorjs/underline
    'warning',          // @editorjs/warning
]

您可以通过传递一个工具名称数组来禁用任何工具

EditorJs::make('content')
    ->disableTools(['image', 'raw']);

您也可以只启用某些工具

EditorJs::make('content')
    ->tools(['image', 'raw']);

工具选项

您可以向工具传递选项

EditorJs::make('content')
    ->toolsOptions([
        'attaches' => [
            'endpoint' => '/upload/file',
        ],
        'image' => [
            'endpoints' => [
                'byFile' => '/upload/image',
                'byUrl' => '/upload/image-by-url',
            ],
        ],
    ]);

调试

要调试编辑器,您可以通过启用调试模式

EditorJs::make('content')
    ->debug();

更新日志

请参阅更新日志以获取有关最近更改的更多信息。

贡献

请参阅贡献指南以获取详细信息。

安全漏洞

请查看我们的安全策略以了解如何报告安全漏洞。

鸣谢

许可协议

MIT 许可协议 (MIT)。请参阅许可文件以获取更多信息。