mvnobrega/nova-texteditor

一个 Laravel TextEditor Nova 字段。

维护者

详情

github.com/mvnobrega/nova-texteditor

源代码

问题

安装数: 11,070

依赖: 0

建议者: 0

安全性: 0

星标: 0

关注者: 2

分支: 0

开放问题: 0

语言:Vue

1.0.1 2019-11-12 22:27 UTC

Requires

  • php: >=7.1.0

MIT 2d6bddb993aa834006ba70c4e5acac83d9e392e4

novalaravel

This package is auto-updated.

Last update: 2024-09-13 09:16:12 UTC

README

Nova 字段包装了 vue-trumbowyg，而vue-trumbowyg 又是包装了 trumbowyg。

安装

  1. composer require mvnobrega/nova-texteditor
  2. 就这样。

使用方法

将以下内容添加到您的资源之一中

导入 TextEditor

use Mobsite\TextEditor\TextEditor;

然后在您的资源的 fields 方法中调用它。

    public function fields(Request $request)
    {
        return [
            ...,
            TextEditor::make('body'),
            ...
        ];
    }

您也可以传递一个数组作为选项给 Trumbowyg 使用

    public function fields(Request $request)
    {
        return [
            ...,
            TextEditor::make('body')

                ->withMeta(['options' => [
                    'btns' => [
                        ['viewHTML'],
                        ['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull'],
                    ]
                ]]),
             ...
        ];
    }

默认情况下，Trumbowyg 字段在查看资源的详情页时不会显示其内容。内容将被隐藏在“显示内容”链接后面，点击后会显示内容。您可以通过在字段上调用 alwaysShow 方法来指定 Trumbowyg 字段始终显示其内容

    public function fields(Request $request)
    {
        return [
            ...,
            TextEditor::make('body')->alwaysShow(),
            ...
        ];
    }

默认情况下，Trumbowyg 字段会全宽度显示，您可以使用字段的 defaultWidth 方法将其改回 Nova 的默认（半）宽度，如下所示。

    public function fields(Request $request)
    {
        return [
            ...,
            TextEditor::make('body')->defaultWidth(),
            ...
        ];
    }