88 lines
3.2 KiB
HTML
88 lines
3.2 KiB
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 -->
|
|
<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> |