Hopiu/django-markdownx
1
0
Fork 0
mirror of https://github.com/Hopiu/django-markdownx.git synced 2026-04-20 21:20:58 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Small refactoring: events naming, logging only errors in console.

Browse source
This commit is contained in:
adi 2017-03-10 10:47:49 +01:00
parent e74bd77cd2
commit b43623d950
2 changed files with 27 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
README.md
View file

@ -23,7 +23,7 @@
#### Preview
![Preview](https://github.com/adi-/django-markdownx/blob/master/django-markdownx-preview.gif?raw=true "Preview")
<sup>*(using Bootstrap for layout and styling)*</sup>
@ -304,31 +304,38 @@ class ImageUploadView(FormView):
Each markdownx jQuery object triggers these basic events:
* 'markdownx.init'
* 'markdownx.update' – also returns 'response' variable containing markdownified text.
* 'markdownx.begin_file_upload' - is triggered when the file is posted.
* 'markdownx.end_file_upload' - is triggered when the file has been uploaded. Will contain 'response' variable.
* 'markdownx.error_file_upload' - is triggered if the upload didn't work.
* `markdownx.init` – is triggered after jQuery plugin init
* `markdownx.update` – is triggered when editor text is markdownified. Returns `response` variable containing markdownified text.
* `markdownx.update_error` – is triggered when a problem occured during markdownify.
* `markdownx.file_upload_begin` – is triggered when the file is posted.
* `markdownx.file_upload_end` – is triggered when the file has been uploaded.
* `markdownx.file_upload_error` – is triggered if the upload didn't work.
To handle events in JS use:
```js
$('.markdownx').on('markdownx.init', function() {
console.log("INIT");
console.log("init");
});
$('.markdownx').on('markdownx.update', function(e, response) {
console.log("UPDATE" + response);
console.log("update " + response);
});
$('.markdownx').on('markdownx.begin_file_upload', function(e) {
console.log("Start some animation");
$('.markdownx').on('markdownx.update_error', function(e) {
console.log("update error");
});
$('.markdownx').on('markdownx.end_file_upload', function(e) {
console.log("End animation");
$('.markdownx').on('markdownx.file_upload_begin', function(e) {
console.log("Uploading has started.");
});
$('.markdownx').on('markdownx.error_file_upload', function(e) {
console.log("End animation and open error modal or something");
$('.markdownx').on('markdownx.file_upload_end', function(e) {
console.log("Uploading has ended.");
});
$('.markdownx').on('markdownx.file_upload_error', function(e) {
console.log("Error during file upload");
});
```

14
markdownx/static/markdownx/js/markdownx.js
View file

@ -26,6 +26,7 @@
error: function(response) {
console.log("error", response);
markdownx.trigger('markdownx.update_error', [response]);
}
});
};
@ -79,32 +80,29 @@
contentType: false,
beforeSend: function() {
console.log("uploading...");
markdownxEditor.fadeTo("fast", 0.3);
markdownx.trigger('markdownx.begin_file_upload');
markdownx.trigger('markdownx.file_upload_begin');
},
success: function(response) {
markdownxEditor.fadeTo("fast", 1);
if (response.image_code) {
insertImage(response.image_code);
console.log("success", response);
markdownx.trigger('markdownx.end_file_upload', [response]);
markdownx.trigger('markdownx.file_upload_end', [response]);
} else if (response.image_path) {
// For backwards-compatibility
insertImage("![](" + image_path + ")");
console.log("success", response);
markdownx.trigger('markdownx.end_file_upload', [response]);
markdownx.trigger('markdownx.file_upload_end', [response]);
} else {
console.log('error: wrong response', response);
markdownx.trigger('markdownx.error_file_upload', [response]);
markdownx.trigger('markdownx.file_upload_error', [response]);
}
},
error: function(response) {
console.log("error", response);
markdownxEditor.fadeTo("fast", 1);
markdownx.trigger('markdownx.error_file_upload', [response]);
markdownx.trigger('markdownx.file_upload_error', [response]);
}
});
};