How to use ckeditor 5 with mulitlingual approach. My approach does not work. Just the 1st textarea works fine.
thank you
1st textarea
<textarea name="categories_description_1" id="categories_description_1" /></textarea>
<script>
// elfinder folder hash of the destination folder to be uploaded in this CKeditor 5
const uploadTargetHash = 'l2_Q0stRmlsZXM';
// To create CKEditor 5 classic editor
ClassicEditor
.create(document.querySelector('#categories_description_1') , {
toolbar: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'imageUpload', 'ckfinder', 'blockQuote', 'insertTable', 'mediaEmbed', 'undo', 'redo', '|', 'help']
} )
.then(editor => {
2nd textarea
<textarea name="categories_description_2" id="categories_description_2" /></textarea>
<script>
// elfinder folder hash of the destination folder to be uploaded in this CKeditor 5
const uploadTargetHash = 'l2_Q0stRmlsZXM';
// To create CKEditor 5 classic editor
ClassicEditor
.create(document.querySelector('#categories_description_2') , {
toolbar: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'imageUpload', 'ckfinder', 'blockQuote', 'insertTable', 'mediaEmbed', 'undo', 'redo', '|', 'help']
} )
.then(editor => {
the console message
Layout was forced before the page was fully loaded. If stylesheets are not yet loaded this may cause a flash of unstyled content. node.js:393
toolbarview-item-unavailable
Object { name: "help" }
Read more: https://ckeditor.com/docs/ckeditor5/latest/framework/guides/support/error-codes.html#error-toolbarview-item-unavailable ckeditorerror.js:146:9
Uncaught SyntaxError: redeclaration of const uploadTargetHash
<anonymous> http://localhost/Admin/index.php?A&Catalog\Categories&Edit&cPath=&cID=14:402
index.php:402:1
<anonyme> http://localhost/Admin/index.php?A&Catalog\Categories&Edit&cPath=&cID=14:402