admin_hura_8/template/javascript/product_form.html

<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
<script src="{{ 'RowExpand.js' | asset_url }}"></script>

<!-- plugin upload image -->
<link href="https://unpkg.com/filepond/dist/filepond.min.css" rel="stylesheet" />
<link href="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css"
    rel="stylesheet" />
<script src="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.js"></script>
<script src="https://unpkg.com/filepond/dist/filepond.min.js"></script>


<!-- plugin select -->
<link href="https://cdn.jsdelivr.net/npm/choices.js/public/assets/styles/choices.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/choices.js/public/assets/scripts/choices.min.js"></script>

<script>
    // Quan trọng: đăng ký plugin
    FilePond.registerPlugin(FilePondPluginImagePreview);

    FilePond.create(document.querySelector("#image-preview-filepond"), {
        credits: false,
        allowImageCrop: false,
        allowImagePreview: false,
        allowMultiple: true,
        labelIdle: 'Kéo thả ảnh hoặc <span class="filepond--label-action">Chọn ảnh</span>',
    })

    FilePond.create(document.querySelector("#image-category-icon"), {
        credits: false,
        allowImageCrop: false,
        allowImagePreview: false,
        allowMultiple: true,
        labelIdle: 'Kéo thả ảnh hoặc <span class="filepond--label-action">Chọn ảnh</span>',
    })


    FilePond.create(document.querySelector("#image-category-avatar"), {
        credits: false,
        allowImageCrop: false,
        allowImagePreview: false,
        allowMultiple: true,
        labelIdle: 'Kéo thả ảnh hoặc <span class="filepond--label-action">Chọn ảnh</span>',
    })

    FilePond.create(document.querySelector("#image-brand"), {
        credits: false,
        allowImageCrop: false,
        allowImagePreview: false,
        allowMultiple: true,
        labelIdle: 'Kéo thả ảnh hoặc <span class="filepond--label-action">Chọn ảnh</span>',
    })



    tinymce.init({
        selector: 'textarea#product-desc',
        height: 350,
        menubar: true,
        plugins: [
            'advlist autolink lists link image charmap print preview anchor',
            'searchreplace visualblocks code fullscreen',
            'insertdatetime media table paste code help wordcount'
        ],
        toolbar: 'undo redo | formatselect | ' +
            'bold italic backcolor | alignleft aligncenter ' +
            'alignright alignjustify | bullist numlist outdent indent | ' +
            'removeformat | help',
        content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
    });


    tinymce.init({
        selector: 'textarea#product-static',
        height: 350,
        menubar: true,
        plugins: [
            'advlist autolink lists link image charmap print preview anchor',
            'searchreplace visualblocks code fullscreen',
            'insertdatetime media table paste code help wordcount'
        ],
        toolbar: 'undo redo | formatselect | ' +
            'bold italic backcolor | alignleft aligncenter ' +
            'alignright alignjustify | bullist numlist outdent indent | ' +
            'removeformat | help',
        content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
    });


    new Choices("#brandSelect")
</script>