frodovdr/node-red
1
0
Fork 0
mirror of https://github.com/node-red/node-red.git synced 2025-03-01 10:36:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update markdown drop-target appearance

Browse Source
This commit is contained in:
Nick O'Leary
2025-02-24 16:51:51 +00:00
parent 71f8de94b0
commit 87b7fc69c7
7 changed files with 18 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/node_modules/@node-red/editor-client/src/js/ui/editors/code-editor.js vendored
View File

@@ -46,8 +46,8 @@
initialised = selectedCodeEditor.init();
}
$('<div id="red-ui-image-drop-target"><div data-i18n="[append]workspace.dropImageHere"><i class="fa fa-download"></i><br></div></div>').appendTo('#red-ui-editor');
$("#red-ui-image-drop-target").hide();
$('<div id="red-ui-drop-target-markdown-editor"><div><i class="fa fa-download"></i><br></div></div>').appendTo('#red-ui-editor');
$("#red-ui-drop-target-markdown-editor").hide();
}
function create(options) {

23
packages/node_modules/@node-red/editor-client/src/js/ui/editors/markdown.js vendored
View File

@@ -41,16 +41,22 @@
function initImageDrag(elem, editor) {
$(elem).on("dragenter", function (ev) {
ev.preventDefault();
$("#red-ui-image-drop-target").css({display:'table'}).focus();
$("#red-ui-drop-target-markdown-editor").css({
display:'table',
top: $(elem).offset().top,
left: $(elem).offset().left,
width: $(elem).width(),
height: $(elem).height()
}).focus();
currentEditor = editor;
});
if (!initialized) {
initialized = true;
$("#red-ui-image-drop-target").on("dragover", function (ev) {
$("#red-ui-drop-target-markdown-editor").on("dragover", function (ev) {
ev.preventDefault();
}).on("dragleave", function (ev) {
$("#red-ui-image-drop-target").hide();
$("#red-ui-drop-target-markdown-editor").hide();
}).on("drop", function (ev) {
ev.preventDefault();
if ($.inArray("Files",ev.originalEvent.dataTransfer.types) != -1) {
@@ -66,7 +72,7 @@
var img = `<img src="${image}"/>\n`;
var pos = session.getCursorPosition();
session.insert(pos, img);
$("#red-ui-image-drop-target").hide();
$("#red-ui-drop-target-markdown-editor").hide();
});
return;
}
@@ -76,11 +82,10 @@
var session = currentEditor.getSession();
var pos = session.getCursorPosition();
session.insert(pos, txt);
$("#red-ui-image-drop-target").hide();
$("#red-ui-drop-target-markdown-editor").hide();
});
return;
}
}
}
} else if ($.inArray("text/plain", ev.originalEvent.dataTransfer.types) != -1) {
let item = Object.values(ev.originalEvent.dataTransfer.items).filter(d => d.type == "text/plain")[0]
@@ -90,12 +95,12 @@
var session = currentEditor.getSession();
var pos = session.getCursorPosition();
session.insert(pos, txt);
$("#red-ui-image-drop-target").hide();
$("#red-ui-drop-target-markdown-editor").hide();
})
return
}
}
$("#red-ui-image-drop-target").hide();
$("#red-ui-drop-target-markdown-editor").hide();
});
}
}

3
packages/node_modules/@node-red/editor-client/src/sass/dragdrop.scss vendored
View File

@@ -38,12 +38,13 @@
}
}
#red-ui-image-drop-target {
#red-ui-drop-target-markdown-editor {
position: absolute;
top: 0; bottom: 0;
left: 0; right: 0;
background: var(--red-ui-dnd-background);
display:table;
border-radius: 3px;
width: 100%;
height: 100%;
display: none;