visanduma/nova-image-tinymce

一个内置图像库支持的Laravel Nova TinyMCE字段

维护者

详情

github.com/Visanduma/nova-image-tinymce

主页

源代码

安装: 4

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 0

分支: 8

语言:Vue

1.0.2 2022-05-25 08:25 UTC

Requires

  • php: >=7.1.0

MIT 03aec476f4467e51356f92473435e84a11512dca

  • LaHiRu <lahiru.woop@visanduma.com>

imagewysiwygtinymceeditornovalaravelimage-picker

This package is auto-updated.

Last update: 2024-08-26 08:11:22 UTC

README

Nova Image TinyMCE 编辑器是Laravel Nova字段，集成了带有内置图像库的TinyMCE5 WYSIWYG编辑器。

安装

使用composer安装此包。

composer require visanduma/nova-image-tinymce

使用方法

使用以下命令发布配置

php artisan vendor:publish --provider="Visanduma\NovaImageTinymce\FieldServiceProvider"

编辑TinyMCE选项和图像相关配置。在此处添加TinyMCE云API密钥，或像这样添加到.env文件中

TINYMCE_API_KEY=your-key-here

运行迁移以构建图像表

php artisan migrate

将NovaImageTinymce类和字段添加到您的Nova资源中。

use Visanduma\NovaImageTinymce\NovaImageTinymceEditor;

...

NovaImageTinymceEditor::make('Body', 'body')->useImageGallery()

禁用图像上传功能

NovaImageTinymceEditor::make('Body', 'body')->useImageGallery()->withoutImageUpload()

可用选项

您可以直接从字段传递参数和TinyMCE选项来自定义工具栏和插件，如下所示

NovaImageTinymceEditor::make('Body')->placeholder('Enter content here')
->options(['toolbar' => ['undo redo | align | link | code'], 'plugins' => ['link code']]),

有关可用选项/插件，请参阅官方TinyMCE 5文档。

自定义图像处理器

默认图像处理器是内置的，拥有自己的数据表。您可以在配置文件中更改图像处理器。图像处理器必须与"MediaControllerInterface"兼容

 'media_handler' => \Visanduma\NovaImageTinymce\Controller\MediaController::class

屏幕截图

想法

此包是在Kraftbit/nova-tinymce5-editor的基础上创建的 https://github.com/Kraftbit/nova-tinymce5-editor

许可

MIT