Hopiu/django-markdownx
1
0
Fork 0
mirror of https://github.com/Hopiu/django-markdownx.git synced 2026-05-15 08:23:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Make it possible to customize image insertion code. (#20)

Browse source 
* Make it possible to customize image insertion code.

It can be useful to insert more that just a markdown image tag, for
example to provide additional control on the layout of images. Since
there's no convenient way to handle this on the JavaScript side, we
generate the code to insert in Python. Then it can be overridden with
the existing extensibility mechanism, that is, with a custom view.

* Restore backwards-compatibility.

The previous commit is backwards-incompatible for users who pointed
MARKDOWNX_UPLOAD_URLS_PATH to a custom view. This commit restores
backwards-compatibility with the previous API.
This commit is contained in:
Aymeric Augustin 2016-05-14 11:58:43 +02:00 committed by adi
parent 3bc515cd9d
commit 7b012db5a5
2 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
markdownx/static/markdownx/js/markdownx.js
View file

@ -36,12 +36,11 @@
}
};
var insertImage = function(image_path) {
var insertImage = function(textToInsert) {
var cursor_pos = markdownxEditor.prop('selectionStart');
var text = markdownxEditor.val();
var textBeforeCursor = text.substring(0, cursor_pos);
var textAfterCursor = text.substring(cursor_pos, text.length);
var textToInsert = "![](" + image_path + ")";
markdownxEditor.val(textBeforeCursor + textToInsert + textAfterCursor);
markdownxEditor.prop('selectionStart', cursor_pos + textToInsert.length);
@ -86,8 +85,12 @@
success: function(response) {
markdownxEditor.fadeTo("fast", 1);
if (response.image_path) {
insertImage(response.image_path);
if (response.image_code) {
insertImage(response.image_code);
console.log("success", response);
} else if (response.image_path) {
// For backwards-compatibility
insertImage("![](" + image_path + ")");
console.log("success", response);
} else {
console.log('error: wrong response', response);

5
markdownx/views.py
View file

@ -31,8 +31,7 @@ class ImageUploadView(FormView):
response = super(ImageUploadView, self).form_valid(form)
if self.request.is_ajax():
data = {}
data['image_path'] = image_path
return JsonResponse(data)
image_code = '![]({})'.format(image_path)
return JsonResponse({'image_code': image_code})
else:
return response