【问题标题】:FrozenNode Laravel-Administrator add image manager to wysiwyg fieldFrozenNode Laravel-Administrator 将图像管理器添加到所见即所得字段
【发布时间】:2016-05-26 15:21:57
【问题描述】:

到目前为止,我真的很喜欢 FrozenNode Laravel Administrator 的所有功能。

对于 Laravel 5.1 中的新项目,我需要一个简单的 CMS - 添加/编辑页面,添加图像和视频。

但所见即所得字段不包括任何类型的媒体管理。 我可以以某种方式添加它吗?

文档没有提供这个,但我认为这个要求一定很普遍。

我正在考虑扩展现有的图像选择器功能,但我想要一个“选择图像”按钮而不是 URL,它会打开一个弹出窗口或叠加层,我可以在其中从文件夹中选择图像或将新图像上传到该按钮文件夹。 类似于在 Wordpress 中完成的操作。 另一种可能的方法是在那里放置一个 jquery 文件上传器。

有没有办法做到这一点?

到目前为止,我尝试使用 CKEditors 插件,但包括浏览/上传在内的插件在 Laravel 中并不能很好地工作,主要是因为路由。

【问题讨论】:

    标签: php laravel packages


    【解决方案1】:

    解决了:

    1. 找到正确的 ckeditor 目录(我的 Laravel Webroot 有超过 1 个):在我的例子中是 packages/frozennode/administrator/js/ckeditor/
    2. 安装http://imageuploaderforckeditor.altervista.org/ 2.a 按照说明编辑 config.js,再次在正确的目录中
    3. 编辑 routes.php 以转发到 Laravel 中的正确 url,同时附加一个安全令牌...

      Route::group(['middleware' => 'auth'], function () {
      
      // Redirect for ckeditor imageupload with token
      Route::any('admin/YOURTABLE/ckeditor/plugins/imageuploader/{subURL}', function ($subURL) {
      return redirect("packages/frozennode/administrator/js/ckeditor/plugins/imageuploader/".$subURL.'?'.$_SERVER['QUERY_STRING'].
      '&username='. urlencode(Auth::user()->email) .
      '&token='. md5( $tokenstring = Auth::user()->email. 'YOURKEY'. date('d.m.Y')));
      });
      

      });

    确保替换 YOURTABLE 和 YOURKEY 4. 编辑 imgbrowser.php,去掉对用户名和登录的检查,改为检查令牌:

    if( !isset($_GET['username']) || !isset($_GET['token']) ) {
    die('username / token missing');
    } elseif( !($_GET['username']) || !($_GET['token']) ) {
        die('username / token missing');
    } elseif( $_GET['token'] != ($tokenq = md5( $tokenstring = $_GET['username']. 'YOURKEY'. date('d.m.Y')))  ) {
        die('Token wrong.'. $tokenq. ' '.$tokenstring);
    } else {
        $_SESSION["username"] = $_GET['username'];
    }
    

    再次确保更换 YOURKEY

    就是这样。现在你可以在 Laravel Frozennode Administrator 中上传、浏览和选择图片了!我真的希望他们默认在包中包含这个或类似的东西,这真的是基本的所见即所得的东西。

    【讨论】:

      猜你喜欢
      • 2015-03-10
      • 1970-01-01
      • 2020-11-08
      • 2020-06-17
      • 1970-01-01
      • 2013-03-11
      • 2015-04-10
      • 2013-04-04
      • 2012-07-11
      相关资源
      最近更新 更多