Параметры Laravel 5.5 и CKEditor

Question

Я хочу использовать некоторые дополнительные функции, в частности, встраивание видео, в CKEditor.

Я загрузил все это в ckeditor в публичной области, и в каталоге плагинов есть видео.

Я начинаю с CDN CKeditor:

<script src="//cdn.ckeditor.com/4.7.3/full-all/ckeditor.js"></script>

, а затем добавляю опцию для видео плагина:

<script>
 CKEDITOR.plugins.addExternal( 'video', '{{ public_path('\ckeditor\plugins\video\ ') }}', 'video.js' );
</script>

(video.js на самом деле находится вдиалоги подкаталога, которые я тоже пробовал).

Я вижу CKEditor, который появляется на моей странице, но нет кнопки видео.

Кто-нибудь, есть идеи, пожалуйста?

Answer 1

Прежде всего, вам необходимо загрузить содержимое архива плагина в любую папку на вашем сайте.Хотя, неплохо было бы назвать папку так, чтобы вы знали, что она содержит плагины CKEditor.Давайте назовем это как ckeditor / plugins для нашего примера.Тогда вы должны получить следующий путь:

ckeditor/plugins/jsplus_image_editor

Теперь нам нужно сказать CKEditor загрузить плагин из указанной выше папки.Добавьте следующий код в ваш HTML-код над строкой, где CKEditor заменяет стандартный элемент управления:

<textarea name="editor1"></textarea>
...
<script>
CKEDITOR.plugins.addExternal( 'yourpluginname', 
'/ckeditor/plugins/yourpluginname', 'plugin.js' );
CKEDITOR.replace('editor1');
...
</script>

Обычно вы устанавливаете плагины через config.js, но, поскольку вы используете cdn, нам нужно заменить config.Обновите вышеприведенную замену следующим кодом:

CKEDITOR.replace('editor1', { customConfig: '/ckeditor/custom_config.js'});

создайте вышеупомянутый custom_config.js и поместите следующий код CKEDITOR.editorConfig = function (config) {

CKEDITOR.editorConfig = function( config ) {

config.language = 'en';

config.extraPlugins = 'PLUGINNAME';

config.toolbar = 'custom';
config.toolbar_custom = [
    { name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] },
    { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], items: [ 'Scayt' ] },
    { name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },
    { name: 'insert', items: [ 'Image', 'Table', 'HorizontalRule', 'SpecialChar' ] },
    { name: 'tools', items: [ 'Maximize' ] },
    { name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'Source' ] },
    { name: 'others', items: [ '-' ] },
    '/',
    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Strike', '-', 'RemoveFormat' ] },
    { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote' ] },
    { name: 'styles', items: [ 'Styles', 'Format' ] },
    { name: 'about', items: [ 'About' ] },
    { name : 'new_group', items: ['PLUGINNAME'] }
];}

надеюсь, что этопомогает!