Почему кнопка отправки в форме не работает при использовании ckeditor, даже если данные из Ckeditor правильно перемещены ⇐ Javascript

[Anonymous]

Вот мое уведомление об ошибках консоли < /strong>
это происходит, когда я пытаюсь загрузить свой код, когда я даю мои данные уже отправлены, но не смог бы загрузить в базу данных. < /p>
create:1 An invalid form control with name='content' is not focusable. ​​
< /code>
Здесь моя форма формы Create.blade.php < /strong>
Я пытаюсь использовать редактор CK для содержимого моей статьи, но когда я деактивирую редактор CK, но когда я пытаюсь удалить свой Javascript, он работает просто отлично. < /p>

@csrf

Content

@error('content')
{{ $message }}
@enderror
< /code>

Вот мой JS, в конце мой create.blade.php < /strong> < /p>



let editorInstance;

document.addEventListener('DOMContentLoaded', function () {
ClassicEditor
.create(document.querySelector('#content'))
.then(editor => {
editorInstance = editor;

document.getElementById('articleForm').addEventListener('submit', function (event) {

document.querySelector('textarea[name="content"]').value = editorInstance.getData();
});
})
.catch(error => {
console.error("Error initializing CKEditor:", error);
});
});

Вот моя функция хранилища контроллера Laravel
public function store(Request $request)
{
// Debugging: Dump the received request data
dd($request->all()); // Debugging: Show all request data

Log::info('Data yang diterima:', $request->all());

// Validate the incoming data
$validatedData = $request->validate([
'title' => 'required|string|max:255',
'content' => 'required|string',
'author' => 'required|string',
'published' => 'boolean',
'meta_description' => 'nullable|string|max:255',
'tags' => 'nullable|string|max:255',
'image' => 'nullable|image|mimes:jpeg,png,jpg,gif|max:2048',
]);

// Handle image upload if exists
$imagePath = null;
if ($request->hasFile('image')) {
$imagePath = $request->file('image')->store('articles', 'public');
Log::info('Image uploaded successfully:', ['image_path' => $imagePath]);
}

// Create and save the article
$article = new Article();
$article->title = $validatedData['title'];
$article->content = $validatedData['content'];
$article->author = $validatedData['author'];
$article->published = $validatedData['published'] ?? false;
$article->meta_description = $validatedData['meta_description'];
$article->tags = $validatedData['tags'];
$article->image = $imagePath;
$article->save();

return redirect()->route('admin.articles.index')->with('success', 'Article created successfully.');
}


Подробнее здесь: https://stackoverflow.com/questions/796 ... ven-though