Добавление пользовательской сборки CKEditor приводит к появлению Uncaught SyntaxError: невозможно использовать оператор Php

Кемеровские программисты php общаются здесь
Ответить
Anonymous
 Добавление пользовательской сборки CKEditor приводит к появлению Uncaught SyntaxError: невозможно использовать оператор

Сообщение Anonymous »

Я пытаюсь добавить собственный CKEditor в поле ckeditor в моей настройкеCreateOperation() в laravel Backpack. Я следую руководству в документации. Однако в консоли javascript я получаю следующую ошибку: Uncaught SyntaxError: невозможно использовать оператор импорта вне модуля.
Насколько я могу сделать вывод, проблема связана с тем фактом, что код javascript который генерирует CKEditor Builder, включает несколько операторов импорта для плагинов:

Код: Выделить всё

import {
ClassicEditor,
AccessibilityHelp,
Autoformat,
AutoImage,
AutoLink,
Autosave,
Base64UploadAdapter,
Bold,
Code,
CodeBlock,
Essentials,
GeneralHtmlSupport,
Heading,
HtmlComment,
HtmlEmbed,
ImageBlock,
ImageCaption,
ImageInline,
ImageInsert,
ImageInsertViaUrl,
ImageResize,
ImageStyle,
ImageTextAlternative,
ImageToolbar,
ImageUpload,
Italic,
Link,
LinkImage,
List,
ListProperties,
Markdown,
MediaEmbed,
Paragraph,
SelectAll,
ShowBlocks,
SourceEditing,
Table,
TableCaption,
TableCellProperties,
TableColumnResize,
TableProperties,
TableToolbar,
TextTransformation,
Undo
} from 'ckeditor5';

const editorConfig = {
toolbar: {
items: [
'undo',
'redo',
'|',
'sourceEditing',
'showBlocks',
'|',
'heading',
'|',
'bold',
'italic',
'code',
'|',
'link',
'insertImage',
'mediaEmbed',
'insertTable',
'codeBlock',
'htmlEmbed',
'|',
'bulletedList',
'numberedList'
],
shouldNotGroupWhenFull: false
},
plugins: [
AccessibilityHelp,
Autoformat,
AutoImage,
AutoLink,
Autosave,
Base64UploadAdapter,
Bold,
Code,
CodeBlock,
Essentials,
GeneralHtmlSupport,
Heading,
HtmlComment,
HtmlEmbed,
ImageBlock,
ImageCaption,
ImageInline,
ImageInsert,
ImageInsertViaUrl,
ImageResize,
ImageStyle,
ImageTextAlternative,
ImageToolbar,
ImageUpload,
Italic,
Link,
LinkImage,
List,
ListProperties,
Markdown,
MediaEmbed,
Paragraph,
SelectAll,
ShowBlocks,
SourceEditing,
Table,
TableCaption,
TableCellProperties,
TableColumnResize,
TableProperties,
TableToolbar,
TextTransformation,
Undo
],
heading: {
options: [
{
model: 'paragraph',
title: 'Paragraph',
class: 'ck-heading_paragraph'
},
{
model: 'heading1',
view: 'h1',
title: 'Heading 1',
class: 'ck-heading_heading1'
},
{
model: 'heading2',
view: 'h2',
title: 'Heading 2',
class: 'ck-heading_heading2'
},
{
model: 'heading3',
view: 'h3',
title: 'Heading 3',
class: 'ck-heading_heading3'
},
{
model: 'heading4',
view: 'h4',
title: 'Heading 4',
class: 'ck-heading_heading4'
},
{
model: 'heading5',
view: 'h5',
title: 'Heading 5',
class: 'ck-heading_heading5'
},
{
model: 'heading6',
view: 'h6',
title: 'Heading 6',
class: 'ck-heading_heading6'
}
]
},
htmlSupport: {
allow: [
{
name: /^.*$/,
styles: true,
attributes: true,
classes: true
}
]
},
image: {
toolbar:  [
'toggleImageCaption',
'imageTextAlternative',
'|',
'imageStyle:inline',
'imageStyle:wrapText',
'imageStyle:breakText',
'|',
'resizeImage'
]
},
initialData:
'Test',
link: {
addTargetToExternalLinks: true,
defaultProtocol: 'https://',
decorators: {
toggleDownloadable: {
mode: 'manual',
label: 'Downloadable',
attributes: {
download: 'file'
}
}
}
},
list: {
properties: {
styles: true,
startIndex: true,
reversed: true
}
},
placeholder: 'Type or paste your content here!',
table: {
contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells', 'tableProperties', 'tableCellProperties']
}
};

ClassicEditor.create(document.querySelector('#editor'), editorConfig);
При добавлении файла в параметр custom_build для поля ckeditor это поле вызывает директиву @basset(public_path('assets/js/ckeditor/ckeditor.js'))
code> в поле ckeditor. Затем директива определяет, что это файл javascript, и отображает на странице следующий скрипт: Однако в этом скрипте нет type='module, поэтому возникает ошибка.
Кто-нибудь знает, есть ли способ принудительно type="module" в теге скрипта без манипуляций с исходными файлами рюкзака laravel?

Подробнее здесь: https://stackoverflow.com/questions/790 ... -import-st
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Php»