README

插件目前处于测试版，可能永远保持测试版。

此文本为俄语

Gutenberg 是 WordPress 的富文本视觉编辑器，具有以块构建内容的功能。使用 Gutenberg，您可以通过简单地拖放块来创建真正独特的网站内容。

您可以在此处在线测试 Gutenberg 游戏场。

此插件允许您通过创建 Polymorph 关系将 Gutenberg 嵌入自己的模型后端表单。

由 VanOns\Laraberg 为 OctoberCMS 集成 Laraberg。所有功劳归功于 VanOns。

工作集成

即将推出集成

RainLab.StaticPages

可用块

代码预览以及所有标准功能，如：自定义样式、块设置、可重复使用的块。
常见块
- 段落 - (所有文本格式化也适用)。
- 图片
- 标题
- 音频
- 画廊
- 封面
- 文件
- 列表
- 引用
- 视频
格式化
- 代码
- 预格式化
- 引用
- 经典
- 自定义 HTML
- 表格
- 诗句
布局元素
- 媒体 & 文本
- 列
- 按钮
- 分隔符
- 空格
嵌入
- 所有嵌入

工作中

~~媒体上传器与原生 OctoberCMS 媒体库~~ 在 1.0.7 更新中完成
~~可重复使用的块无法工作~~ 在 1.0.8 更新中完成
~~移除 WP 小部件~~ 在 1.0.9 更新中完成
~~RainLab.Blog 集成~~ 在 1.1.0 更新中完成
~~Lovata.GoodNews 集成~~ 在 1.1.2 更新中完成
~~迁移到 Laraberg 的发布版本~~ 在 1.2.0 更新中完成
~~Indikator.News 集成~~ 在 1.2.5 更新中完成
RainLab.StaticPages 集成

后续工作

行内图片行为不正确（Gutenberg.js 错误，需要他们更新）
一页上多个 Gutenberg 实例（Gutenberg.js 错误，需要他们更新）

如果您能以任何形式帮助我实现自定义函数，我将很高兴。

请在插件 GitHub 存储库中提交您的 PR。

备注

鉴于我们现在在 Laraberg 1.0.0-rc.1，我将进一步研究在一页上创建多个 Gutenberg 实例的方法。

安装

通过 OctoberCMS 插件更新器安装插件。

转到设置 –> 更新和插件，在插件搜索中找到 Gutenberg。点击图标并安装它。

或通过 Composer

composer require reazzon/gutenberg

使用方法

此插件仅在实现您的模型中的 Gutenberg 行为时工作。它将与 Gutenberg\Content 模型创建 morphOne 关系。

转到您的模型，并在 $implement 数组中添加行为

public $implement = ['ReaZzon.Gutenberg.Behaviors.Gutenbergable'];

之后，您需要在模型控制器中 $implement 数组中添加行为。

public $implement = ['ReaZzon.Gutenberg.Behaviors.GutenbergController'];

完成。现在，您的模型通过 content 字段与 Gutenberg\Content 模型建立了 morphOne 关系，该字段仅在创建模型页面时呈现。

渲染

以下是一些渲染示例。

{{ post.content.render }}

$post->content->render();

为了正确显示 Gutenberg 样式，您必须在您的页面上添加 laraberg 公共样式。

<link href="/plugins/reazzon/gutenberg/assets/laraberg.min.css" rel="stylesheet">

处理源 js 代码

如果您想添加一些功能，您可以在 /plugins/reazzon/gutenberg/formwidgets/gutenberg/assets/resources 下的Laraberg源文件中进行操作，设置所有环境请按照以下步骤进行

克隆Gutenberg仓库： git clone https://github.com/WordPress/gutenberg.git gutenberg

克隆完成后，执行以下命令

cd gutenberg           // go to Gutenberg folder
npm i                  // install all dependencies
npm run build          // Build Gutenberg
sudo npm link          // Link it to your global node_modules 
cd ..                  // Go back to Laraberg root
npm i                  // install all dependencies
npm link gutenberg     // Link Gutenberg package to Laraberg

现在您已经设置好了。

由 reazzon.ru 开发

俄罗斯OctoberCMS开发者社区 OctoClub.ru

reazzon/gutenberg

维护者

详细信息

README

备注

安装

使用方法

渲染

处理源 js 代码