Laravel Ckeditor Темная тема

Question

Laravel Ckeditor Темная тема

Здравствуйте все,

Я искал в Интернете темный скин для CKEditor и как на самом деле его вставить.

я просто хочу поделиться, как я заставил это работать просто и я сделал то, что считаю интересным, официальный темный

Я разместил этот вопрос с ответом здесь, потому что я не нашел никакой связанной темы здесь. и я хотел бы поделиться этими очень конкретными знаниями и решением в простой и понятной форме, чтобы сделать их проще и понятнее каждому

плюс это полная темная тема, а не официальная.

Спасибо

0

ckeditor ckeditor4.x php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Вот подробный ответ:

сначала установите CKEditor, если вы используете его для проекта laravel Следуй этим шагам
после того, как успешно заставить его работать, Загрузите эту папку скина CKEditor skins папку, для laravel вы найдете его в пути:

public/vendor/unisharp/laravel-ckeditor/skins

сразу после склеивание папка скина в skins Каталог, открытый config.js Форма CKEditor Base Directory — public/vendor/unisharp/laravel-ckeditor для Laravel — И заменить его содержание следующим:

/**
* @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
* For licensing, see LICENSE.md or http://ckeditor.com/license
*/

CKEDITOR.editorConfig = function( config ) {
// Define changes to default configuration here.
// For complete reference see:
// http://docs.ckeditor.com/#!/api/CKEDITOR.config

// The toolbar groups arrangement, optimized for two toolbar rows.
config.toolbarGroups = [
{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
{ name: 'paragraph',   groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] },
{ name: 'styles' },
{ name: 'colors' }
];

// Remove some buttons provided by the standard plugins, which are
// not needed in the Standard(s) toolbar.
config.removeButtons = 'Underline,Subscript,Superscript';

// Set the most common block elements.
config.format_tags = 'p;h1;h2;h3;pre';

// Simplify the dialog windows.
config.removeDialogTabs = 'image:advanced;link:advanced';

config.skin = 'ckeditor-basic-moono-dark-biskrem';
};

РЕЗУЛЬТАТ

вот скриншот

ОБЪЯСНЕНИЕ

// The toolbar groups arrangement, optimized for two toolbar rows.
config.toolbarGroups = [
{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
{ name: 'paragraph',   groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] },
{ name: 'styles' },
{ name: 'colors' }
];

это, чтобы минимизировать редактор только до основных инструментов

и, наконец, эта строка кода:

config.skin = 'ckeditor-basic-moono-dark-biskrem';

на самом деле скин редактор для нашей темной темы ckeditor-basic-moono-dark-biskrem подразумевает имя папки скина в skins папка

0