所见即所得字段中的颜色和下划线

Question

我正在用 laraver 的背包进行开发，我正在使用所见即所得的领域。我想使用下划线并更改字体颜色。我在 ckeditor 网页上搜索，似乎它支持这些功能。如何启用它们？

此致

编辑 - 我不明白为什么我收到这个问题的否定。我做错了什么？

编辑 2- 谢谢很高兴，这是我正在使用的代码，但 forecolor 选项似乎不起作用。按钮没有出现。

$this->crud->addField([  
            'name'  => 'desc1',
            'label' => 'Descipción 1',
            'type'  => 'tinymce',
            // optional overwrite of the configuration array
            'options' => [
                'selector' => 'textarea.tinymce',
                'skin' => 'dick-light',
                'plugins' => 'image,link,media,anchor',
                'toolbar' => 'undo redo formatselect fontsizeselect bullist numlist link image bold italic underline forecolor',
            ],
        ]);

Answer 1

你要找的是字段配置中的options索引which is documented here

基本上，您需要在您的字段配置中包含 options 索引，并向其中添加您通常传递给 TinyMce 的 javascript init 方法的任何选项，如果您手动使用它。

您想要的具体选项是toolbar选项。 Here's a list of controls you can add to the toolbar

这是一个简单的例子：

$this->crud->addField([  
            'name'  => 'description',
            'label' => 'Description',
            'type'  => 'tinymce',
            // optional overwrite of the configuration array
            'options' => [
                'selector' => 'textarea.tinymce',
                'skin' => 'dick-light',
                'plugins' => 'image,link,media,anchor',
                'toolbar' => 'forecolor underline',
            ],
        ]);

要详细了解这些选项是如何传递给 tinymce 的，请参阅 the tinymce field blade template 第 33 - 50 行

Answer 2

我终于明白了。我必须添加 textcolor 和 colorpicker 作为插件。结果代码如下

$this->crud->addField([  
            'name'  => 'desc1',
            'label' => 'Descipción 1',
            'type'  => 'tinymce',
            // optional overwrite of the configuration array
            'options' => [
                'selector' => 'textarea.tinymce',
                //'statusbar' => false,
                'skin' => 'dick-light',
                'plugins' => 'image,link,media,anchor,textcolor,colorpicker',
                'toolbar' => [
                    'undo redo | styleselect | bold italic | link image | forecolor',
                    'alignleft aligncenter alignright'
                ]
            ],
        ]);

非常感谢 Delighted00

所见即所得字段中的颜色和下划线

Color and underline in wysiwyg field

laravel

laravel-backpack