README

此 Nova 包允许您使用支持 Thaana 的各种自定义功能的 TinyMce 富编辑器。

安装

composer require aiman/thaana-tinymce-field

配置

您可以发布配置文件以使用默认配置值。您可以在其中输入 tinymce 所需的驱动。

php artisan vendor:publish --provider="Aiman\ThaanaTinymceField\FieldServiceProvider"

这是已发布配置文件的内容

 <?php
return [

    /*
    |--------------------------------------------------------------------------
    | Default Options
    |--------------------------------------------------------------------------
    |
    | Here you can define the options that are passed to all ThaanaTinymceField
    | fields by default. Override these values from options method when using fields.
    |
    */

     'default_options' => [
        'height' => 500,
        'menubar'=> "",
        'directionality'=> "ltr",
        'image_caption'=> true,
        'plugins' => [
            'advlist autolink lists link image charmap print preview anchor',
            'searchreplace visualblocks code fullscreen',
            'insertdatetime media table paste code help wordcount',
        ],
        'toolbar' => 'undo redo | formatselect | bold italic backcolor | alignleft aligncenter alignright alignjustify | ullist numlist outdent indent | removeformat | help | image',
    ],
    'api_key' => 'YOUR API KEY HERE',
    'driver' => env('FILESYSTEM_DRIVER', 'public')
];
?>

使用方法

在您的 Nova 资源中添加 use 声明并使用 ThaanaTinymceField 字段

use Aiman\ThaanaTinymceField\ThaanaTinymceField;

    /**
     * Get the fields displayed by the resource.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return array
     */
    public function fields(Request $request)
    {
        return [
            ID::make()->sortable(),

            ThaanaTinymceField::make('Content', 'content'),
        ];
    }

选项

您可以将值传递给 options 方法，这将覆盖 thaana-tinymce-field.php 的选项数组默认值

ThaanaTinymceField::make('Content', 'content')->options(['key' => 'value'])

Thaana

您可以通过将 thaana 传输设置为 true 来启用 thaana 翻译。默认为 true。

ThaanaTinymceField::make('Content', 'content')->thaana()

类

您可以通过将 thaana 传输设置为 true 来启用 thaana 翻译。默认为 true。

ThaanaTinymceField::make('Content', 'content')->thaana()

文件夹

TinyMCE 支持将图像嵌入到编辑器中。此功能需要存储图像的文件夹名称。默认情况下，所有图像都将存储在存储的根目录中。

ThaanaTinymceField::make('Content', 'content')->folder('tinymce')

存储路径

这是存储文件的存储路径。默认情况下，将从原始域获取图像。但是，如果您使用云存储，请输入云存储路径。

ThaanaTinymceField::make('Content', 'content')->storagePath('https://theeru.sgp1.digitaloceanspaces.com/')

重要

图像上传到 tinymce 后将自动存储。但是，它仍在测试中。

此包已针对 Nova v2.0+ 测试。最新测试版本为 nova v3.6.0。

致谢

巨大的感谢要归功于 @Jawish Hameed，他的 thaana 翻译插件 Thaana Keyboard。