Michaelfrank/dynamicphoto

博客文章和其他功能的动态照片包，集成 CKEditor 智能所见即所得

维护者

详细信息

github.com/maickom88/dynamic-photo

源代码

问题

安装: 341

依赖: 0

建议者: 0

安全: 0

星标: 8

关注者: 0

分支: 2

开放问题: 0

v1.5.0 2020-03-23 22:51 UTC

MIT b05ecb5db956e44d81ab5ea7a1e1d82e36079f07

  • Michael Frank <maickomtutos.woop@gmail.com>

This package is auto-updated.

Last update: 2024-09-29 05:36:09 UTC

README

GitHub issues GitHub forks GitHub stars GitHub version

Dynamic Photo 是一个帮助与 CKEditor 集成的包，CKEditor 是一个强大的所见即所得编辑器。使用此包，可以将照片动态发送到服务器并显示。

✔️ 安装 Dynamic Photo

❗️ 注意 ❗️

此包仅适用于 Framework Laravel，因此您还需要 Composer。

composer require michaelfrank/dynamicphoto

...然后发布提供者包。

php artisan vendor:publish --tag=config

✔️ 安装 CDN CKEditor

在脚本文件中的 VIEW 中粘贴！

<script src="https://cdn.ckeditor.com/ckeditor5/16.0.0/classic/ckeditor.js"></script>

👇🏼 现在粘贴下面的代码

ClassicEditor.create( document.querySelector( '#editor' ), {
  ckfinder: {
    uploadUrl: '{{$siteRoot}}/api/uploud-photo',
  }
} ).then( editor => {
  console.log( 'Editor was initialized', editor );
  myEditor = editor;
})
.catch( error => {
  console.error( error.stack );
});

❗️ 注意 ❗️

在 uploadUrl 中，只需修改您创建的不同路由的 URL。

👇🏼 这样，只需创建一个 id 为 "editor" 的 div，它将被初始化！

<textarea name="" id="editor"></textarea>

现在您只需要创建一个 API 路由来发送将自动显示的图像数据！

=======================

✔️ 创建控制器和 API 路由。

您现在需要创建您的 API 路由。将此代码粘贴到您的 "api" 文件中。

Route::post('/uploud-photo', 'APIs\UploudImages@uploud');

👇🏼 创建了路由后，运行以下命令创建控制器。

php artisan make:controller APIs/UploudImages

导航到创建的 APIs / UploudImages.php 文件，打开文件。

现在只需实例化该类。

use michaelFrank\dynamicphoto\config\CkeditorUploud;

✔️ 如何使用

将此函数粘贴到您的类中。

public function uploud(Request $req){
  $file =  new CkeditorUploud();
  $saved = $file->uploadAction($req, 'Album01');
  return $saved;
}

uploadAction 函数期望两个参数。第一个是请求文件，即图像。第二个将等待路径，其中 'Album01' 将是您保存图像的路径。

========== 请帮助我，任何帮助都将对您的工作有所帮助。这是您感谢的方式。谢谢！

Paypal Donation