live-controls/editor

此包最新版本（dev-main）没有可用的许可信息。

live-controls 的 editor.js 实现

维护者

详细信息

github.com/live-controls/editor

源代码

问题

安装: 19

依赖: 0

建议者: 0

安全: 0

星标: 0

关注者: 0

分支: 0

开放问题: 0

dev-main 2023-11-24 18:16 UTC

Requires

Requires (Dev)

Unknown License 4f85249272fef298ad16366ea70c3fe6c295db23

  • Roman Wanner <60240491+daredloco.woop@users.noreply.github.com>

This package is auto-updated.

Last update: 2024-09-25 12:23:26 UTC

README

live-controls 的 editor.js 实现

警告：此包目前不可用！

安装

  1. 运行 composer
composer require live-controls/editor;
  1. 自动安装器
php artisan livecontrols-editor:install;

2.1) 将 vite 引用添加到布局中

  • 打开布局文件（例如：layouts/app.blade.php）
  • 添加到 @vite(['resources/css/app.css', 'resources/js/lseditor.js', 'resources/css/lseditor.css', 'resources/js/app.js'])

使用方法

工具

自定义工具

要添加自定义工具，请按照以下步骤操作

  1. 调用安装工具
livecontrols-editor:install-tool;
  1. 选择 "其他" 选项
  2. 添加包名，例如在 "npm i --save @editorjs/image" 中
  3. 添加唯一工具名称。这将作为javascript变量保存为 window.TOOL_NAME
  4. 在末尾添加工具的键，看起来像这样
KEY: TOOL_NAME
  1. 按照这种方式添加工具
@livewire('livecontrols-editor', ['tools' => ['KEY' => ['name' => 'TOOL_NAME]]])

具有额外配置的自定义工具

要添加具有额外信息的自定义工具，请按照 carousel-editorjs 的此示例操作

  1. 调用安装工具
livecontrols-editor:install-tool;
  1. 选择 "其他" 选项
  2. 添加包名：carousel-editorjs
  3. 添加工具名称：EditorJSCarousel
  4. 添加工具键：carousel
  5. 让系统安装工具
  6. 按照这种方式添加工具
@livewire('livecontrols-editor', ['tools' => ['carousel' => ['name' => 'EditorJSCarousel', 'custom' => '{class: EditorJSCarousel,config:{ endpoints: {byFile: "URL_FETCH",}}}']]])