README

Laravel Nova TinyMCE 编辑器

此 Nova 包允许您在文本区域使用 TinyMCE 编辑器。您可以自定义编辑器选项。

Composer

您可以通过 composer 安装此包

composer require marshmallow/nova-tinymce

安装

运行以下命令，以发布 TinyMCE JavaScript 和 CSS 资产。

php artisan vendor:publish --provider="Marshmallow\Nova\TinyMCE\FieldServiceProvider" --tag="resources"

用法

在 Nova 资源的字段数组中包含 TinyMCE。

use Marshmallow\Nova\Tinymce\TinyMCE;

public function fields(Request $request)
{
    return [
        ID::make()->sortable(),
        TinyMCE::make(__('Content'), 'content'),
    ];
}

添加自定义 HTML（按钮）

要添加按钮或自定义 HTML，您可以在创建字段时调用 buttons() 方法。

TinyMCE::make('body')->buttons([
    'Name button' =>  'value of HTML',
    'Name button2' =>  '<p>More HTML</p>'
]),

添加变量

要添加变量，您可以在创建字段时调用 variables() 方法。更多文档请参阅：https://npmjs.net.cn/package/icp-tinymce-variable

TinyMCE::make('body')->variables([
    'name_var' =>  'value_var',
]),

设置高度

TinyMCE 编辑器的默认高度由 nova-tinymce.php 配置文件处理。如果需要在某些 TinyMCE 字段上更改高度，您可以在创建字段时调用 height() 方法。

TinyMCE::make('body')->height(300),

覆盖配置文件

您可以发布配置并覆盖所有 TinyMCE 设置。

php artisan vendor:publish --provider="Marshmallow\Nova\TinyMCE\FieldServiceProvider" --tag="config"

添加自定义样式

如果您想添加可以用于所有 TinyMCE 字段的额外样式，您需要发布配置文件。可以在配置文件中的 custom_items 数组中添加自定义样式选项。这些自定义样式选项应类似于以下示例。

'custom_items' => [
    // This will add a .lead class on the paragraph tag.
    [
        'title' => 'Lead Paragraph',
        'block' => 'p',
        'classes' => 'lead',
    ],
],

插件自定义

您可以将任何配置选项传递给 JavaScript SDK 的 options() 方法中的数组。例如，如果您想增加文本区域的高度

TinyMCE::make('body')->options([
    'height' => '980'
]),

您可以在文档中查看完整的参数列表：https://www.tiny.cloud/docs/configure/

更新日志

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

安全

如果您发现任何安全相关的问题，请通过电子邮件 stef@marshmallow.dev 而不是使用问题跟踪器。

鸣谢

• 所有贡献者

许可协议

MIT 许可协议（MIT）。有关更多信息，请参阅 许可文件。