html editor with file upload code example

Example: 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>

Tags:

Html Example