raffaelj/cockpit-cms-editorformats

是pauloamgomes/cockpit-editorformats的分支 - Cockpit CMS v1的扩展插件,通过引入定义编辑器格式模式到WYSIWYG字段(基于tinymce编辑器)的功能,扩展了核心功能。

安装: 5

依赖: 1

建议者: 0

安全: 0

类型:cockpit-module

1.0.0 2023-11-24 17:09 UTC

This package is auto-updated.

Last update: 2024-09-24 19:00:13 UTC


README

是Paulo Gomes的EditorFormats插件(Cockpit CMS v1)的分支,该插件不再维护。

链接到原始源和作者

此插件与Cockpit CMS v2不兼容。

另请参阅Cockpit CMS v1文档Cockpit CMS v1仓库以及Cockpit CMS v2文档Cockpit CMS v2仓库

此插件通过引入定义编辑器格式模式到WYSIWYG字段(基于tinymce编辑器)的功能,扩展了Cockpit CMS v1的核心功能。在配置WYSIWYG字段时,Cockpit已经提供了在字段定义上扩展默认设置的可能性

{
  "editor": {
    "height": 500,
    "menubar": "edit insert view format",
    "plugins": [
        "link lists preview hr anchor",
        "code fullscreen",
    ]
  }
}

这很有趣,但当处理多个字段时可能会很痛苦且令人困惑,这就是此插件可以帮助的地方,您只需要配置您的格式(例如,基本、高级等),并在您的字段上使用格式名称而不是配置

{
  "editor": {
    "format": "Basic",
  }
}

安装

将此存储库复制到/addons并命名为EditorFormats,或使用cli。

通过git

cd path/to/cockpit
git clone https://codeberg.org/raffaelj/cockpit-cms-EditorFormats.git addons/EditorFormats

通过cp cli

cd path/to/cockpit
./cp install/addon --name EditorFormats --url https://codeberg.org/raffaelj/cockpit-cms-EditorFormats/archive/main.zip

通过composer

请确保在您的项目的composer.json文件中定义了cockpit插件的路径。

{
    "name": "my/cockpit-project",
    "extra": {
        "installer-paths": {
            "addons/{$name}": ["type:cockpit-module"]
        }
    }
}
cd path/to/cockpit-root
composer create-project --ignore-platform-reqs raffaelj/cockpit .
composer config extra.installer-paths.addons/{\$name} "type:cockpit-module"

composer require --ignore-platform-reqs raffaelj/cockpit-cms-editorformats

配置

此插件不需要任何额外配置。启用后,管理员将获得所有功能。

权限

有两种权限

  • 管理 - 用于管理格式
  • 访问 - 用于使用编辑器,如果您作为非管理员用户使用编辑器,则需要添加此权限

config/config.php中的示例配置

<?php
return [
    // cockpit user groups settings
    'groups' => [
        'manager' => [
            'editorformats' => [
                'manage' => true,
                'access' => true,
            ],
        ],
        'author' => [
            'editorformats' => [
                'access' => true,
            ],
        ],
    ],

用法

创建您需要的格式,在大多数情况下,您只需要一个具有最小功能的基本格式

待办事项:添加损坏/链接图像的截图或文本描述

编辑您的YYSIWYG字段并设置格式

{
  "editor": {
    "format": "Basic",
  }
}

当编辑使用该字段的集合时,您的编辑器应该如下所示

待办事项:添加损坏/链接图像的截图或文本描述

但是,如果您需要编辑器中的更多功能,请创建一个新的格式(例如,高级)

待办事项:添加损坏/链接图像的截图或文本描述

编辑您的YYSIWYG字段并设置格式

{
  "editor": {
    "format": "Advanced",
  }
}

当编辑使用该字段的集合时,您的编辑器应该如下所示

待办事项:添加损坏/链接图像的截图或文本描述

演示

http://www.youtube.com/watch?v=ZKx8KztgCIE

版权和许可

版权2018 pauloamgomes,根据MIT许可协议。