πŸ‘Ί
Cheatsheet
  • πŸ‘‹My cheatsheet
  • 🐘PHP
    • Π’Π΅Ρ€Π½Π°Ρ€Π½Ρ‹Π΅ ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€Ρ‹
    • Замыкания Π² PHP
    • Π’Π°Π±Π»ΠΈΡ†Π° сравнСния Ρ‚ΠΈΠΏΠΎΠ² PHP
  • 🟨JS
    • JS cheat sheet
    • Π’Π΅Ρ€Π½Π°Ρ€Π½Ρ‹Π΅ ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€Ρ‹ || ?? &&
    • Π’Π°Π±Π»ΠΈΡ†Π° сравнСния Ρ‚ΠΈΠΏΠΎΠ² JS
    • ΠžΠ±Π»Π°ΡΡ‚ΡŒ видимости Π² JS
    • ΠŸΠ΅Ρ€Π΅Π±ΠΎΡ€ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² Ρ‡Π΅Ρ€Π΅Π· for(key in obj)
    • Доступ ΠΊ свойству Ρ‡Π΅Ρ€Π΅Π· ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΡƒΡŽ []
    • this Π² JS
    • ΠšΠΎΠ½ΡΡ‚Ρ€ΡƒΠΊΡ‚ΠΎΡ€, ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€ "new"
    • bind привязка контСкста (this)
    • Замыкания Π² JS ...
  • ❀️Laravel
    • Laravel websockets
    • Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ° Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈ ΠΏΡƒΡ‚ΠΈ ΠΊ Π½ΠΈΠΌ
    • Vite сборка ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ
    • Vite сборка CSS ΠΈ JS
    • Vite ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ jQuery
    • Vite ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Bootstrap
    • Laravel AJAX (with jQuery)
    • Π”Π΅Ρ€Π΅Π²ΠΎ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ Laravel
    • Laravel + CK-Editor + El FInder
    • Laravel deploy
    • Laravel фасады ΠΈ сСрвис ΠΏΡ€ΠΎΠ²Π°ΠΉΠ΄Π΅Ρ€Ρ‹
    • ΠžΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ
      • Один-ΠΊ-ΠžΠ΄Π½ΠΎΠΌΡƒ
      • Один-ΠΊΠΎ-Многим
      • МногиС-ΠΊΠΎ-Многим
      • ΠŸΠΎΠ»ΠΈΠΌΠΎΡ€Ρ„Π½Ρ‹Π΅ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ
    • Laravel cheatsheet (MAIN)
    • Laravel cheatsheet (BIG)
      • Artisan
      • Auth
      • Blade
      • Cache
      • Composer
      • Config
      • Container
      • Cookie
      • DB
      • Environment
      • Event
      • Eloquent Model
      • File
      • Form
      • HTML
      • Helper
      • Input
      • Lang
      • Log
      • Mail
      • Pagination
      • Queue
      • Redirect
      • Request
      • Response
      • Route
      • SSH
      • Schema
      • Security
      • Session
      • String
      • URL
      • UnitTes
      • Validation
      • View
    • Laravel cheatsheet (BIG PLAIN)
  • πŸ“•PDO
    • SELECT
    • WHERE
    • INSERT
    • UPDATE
    • DELETE
    • JOIN
    • GROUP BY
    • Π”Π΅Ρ€Π΅Π²ΠΎ
    • Π”Π΅Ρ€Π΅Π²ΠΎ ООП
    • Π”Π΅Ρ€Π΅Π²ΠΎ Π² массив
  • πŸ‹Docker
    • Docker hub push
    • Docker offline
  • πŸ₯€Gulp
  • 🌊jQuery
  • πŸͺ„Composer
  • 4️⃣Composer PSR-4
  • πŸ₯RegEx
  • πŸ™Git
  • πŸ§‘β€πŸ’»Node js
  • πŸ›οΈPHPStorm
  • πŸ’»Zsh
  • πŸ€–Arduino
Powered by GitBook
On this page
  1. Laravel

Laravel + CK-Editor + El FInder

Π‘ΠΎΠ·Π΄Π°Ρ‘ΠΌ шаблон editor.blade.php с содСрТимым:

resources/view/editor.blade.php
<!DOCTYPE html>
<html lang="en">
<head>
 	   <meta charset="utf-8">
 	   <meta http-equiv="X-UA-Compatible" content="IE=edge">
 	   <meta name="viewport" content="width=device-width, initial-scale=1">
 	   <title>CKEditor</title>
 	{{-- Bootstrap --}}
 	   <link href="{{ asset('/css/bootstrap.css') }}" rel="stylesheet">
 	   {{-- jQuery --}}
 	   <script src="{{ asset('/js/jquery.js') }}" type="text/javascript" charset="utf-8" ></script>
 	   {{-- JS Bootstrap --}}
 	   <script src="{{ asset('/js/bootstrap.js') }}" type="text/javascript" charset="utf-8" ></script>
</head>
<body>
	<div class="container">
     	   <h1>ДобавляСм ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ CKEditor</h1>
     	   <div class="row">
         	       <div class="col-md-12">
            	           <textarea name="editor1" id="editor1">
            	           </textarea>
        	       </div>
    	   </div>
	</div>
</body>
</html>

ΠŸΡ€ΠΎΠΏΠΈΡΡ‹Π²Π°Π΅ΠΌ для Π½Π΅Π³ΠΎ Ρ€ΠΎΡƒΡ‚:

routes/web.php
Route::get('/', function () {
    return view('main');
});

ΠŸΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌ CKeditor, Π² хэдС прописываСм ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅:

resources/view/editor.blade.php
<script src="{{ asset('/js/ckeditor/ckeditor.js') }}"
type="text/javascript" charset="utf-8" ></script>

Π˜Π½ΠΈΡ†ΠΈΠ°Π»ΠΈΠ·ΠΈΡ€ΡƒΠ΅ΠΌ CKEditor, Π² ΠΊΠΎΠ½Ρ†Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° прописываСм:

resources/view/editor.blade.php
<script>
 	   var editor = CKEDITOR.replace( 'editor1' );
</script>

ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡΠ΅ΠΌ:

Π˜Π½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΡƒΠ΅ΠΌ EL Finder (ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ Ρ‚ΡƒΡ‚ https://github.com/barryvdh/laravel-elfinder)

composer require barryvdh/laravel-elfinder

ДобавляСм Π² массив БСрвис ΠŸΡ€ΠΎΠ²Π°ΠΉΠ΄Π΅Ρ€ΠΎΠ² Π² app/config/app.php

Barryvdh\Elfinder\ElfinderServiceProvider::class

ΠŸΡƒΠ±Π»ΠΈΠΊΡƒΠ΅ΠΌ ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ

php artisan elfinder:publish

Π‘ΠΎΠ·Π΄Π°Ρ‘ΠΌ ΠΏΠ°ΠΏΠΊΡƒ upload Π² ΠΏΠ°ΠΏΠΊΠ΅ public

ΠšΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€ΠΈΡ€ΡƒΠ΅ΠΌ Ρ„Π°ΠΉΠ» \vendor\barryvdh\laravel-elfinder\config\elfinder.php

Π§Ρ‚ΠΎ Π±Ρ‹ elfinder.php пСрСнёсся Π² Π² ΠΏΠ°ΠΏΠΊΡƒ config Π² ΠΊΠΎΡ€Π½Π΅, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ php artisan vendor:publish

elfinder.php
<?php 
return array(
 'dir' => ['upload'], 
'disks' => [], 
'route' => [ 'prefix' => 'elfinder', 'middleware' => null,],
 'access' => 'Barryvdh\Elfinder\Elfinder::checkAccess', 
'roots' => null,

 'options' => array(
 'roots' => array( array( 'driver' => 'LocalFileSystem', 'path' => public_path().'/upload', 'URL' => 'http://test.loc/upload' ), ) ), 

'root_options' => array(), 
);

НициализируСм El Finder Π² нашСм скриптС ΠΈΠ½ΠΈΡ†ΠΈΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ CKEditor`a добавляСм El Finder

<script>
    var editor = CKEDITOR.replace( 'editor1',{
        filebrowserBrowseUrl : '/elfinder/ckeditor'
    } );
</script>

ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ Π½Π° сайт ΠΈ Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Β«Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅Β»

ΠžΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ΡΡ Π΄ΠΈΠ°Π»ΠΎΠ³ вставки, ΠΆΠΌΠ΅ΠΌ Β«Π’Ρ‹Π±ΠΎΡ€ Π½Π° сСрвСрС»

И откроСтся наш Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€

Π•ΡΡ‚ΡŒ ΠΌΠΎΠΉ Ρ€Π΅ΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€ΠΈΠΉ с установлСным Ck-Editor ΠΈ El Finder Π½Π° laravel

Last updated 2 years ago

Π‘ΠΊΠ°Ρ‡ΠΈΠ²Π°Π΅ΠΌ CKeditor здСсь ΠšΠΎΠΏΠΈΡ€ΡƒΠ΅ΠΌ Π΅Π³ΠΎ ΠΈ jQuery.js Π² public/js

НС Π·Π°Π±Ρ‹Π²Π°Π΅ΠΌ ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ Π½Π° свой ΠΏΡƒΡ‚ΡŒ

❀️
http://ckeditor.com/download
http://test.loc/upload
https://github.com/Overfinch/Laravel-Ckeditor-Elfinder