html editor with file upload
// Include the file upload plugin.
<script src="../js/plugins/file_upload.min.js"></script>
<script>
$(function() {
$('.selector')
.editable({
// Add the upload file button in the toolbar buttons list.
buttons: ['bold', 'italic', 'uploadFile', 'html'],
// Set the file upload parameter.
fileUploadParam: 'file_param',
// Set the file upload URL.
fileUploadURL: '/upload_file',
// Additional upload params.
fileUploadParams: {id: 'my_editor'}
})
.on('editable.fileError', function (e, editor, error) {
// Custom error message returned from the server.
if (error.code == 0) { ... }
// Bad link.
else if (error.code == 1) { ... }
// No link in upload response.
else if (error.code == 2) { ... }
// Error during file upload.
else if (error.code == 3) { ... }
// Parsing response failed.
else if (error.code == 4) { ... }
// File too text-large.
else if (error.code == 5) { ... }
// Invalid file type.
else if (error.code == 6) { ... }
// File can be uploaded only to same domain in IE 8 and IE 9.
else if (error.code == 7) { ... }
})
});
</script>