webapp/bookstack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-08-07 23:03:00 +03:00
Code Activity

MD Editor: Worked to improve/fix positioning code

Browse Source 
Still pending testing. Old logic did not work when lines would wrap, so
changing things to a character/line measuring technique.
Fixed some other isues too while testing shortcuts.
This commit is contained in:
Dan Brown
2025-07-22 16:42:47 +01:00
parent d55db06c01
commit 6621d55f3d
6 changed files with 108 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
resources/js/markdown/actions.ts
View File

@@ -236,7 +236,7 @@ export class Actions {
if (lineStart === newStart) {
const newLineContent = lineContent.replace(`${newStart} `, '');
const selectFrom = selectionRange.from + (newLineContent.length - lineContent.length);
this.editor.input.spliceText(selectionRange.from, selectionRange.to, newLineContent, {from: selectFrom});
this.editor.input.spliceText(lineRange.from, lineRange.to, newLineContent, {from: selectFrom});
return;
}
@@ -353,8 +353,8 @@ export class Actions {
* Fetch and insert the template of the given ID.
* The page-relative position provided can be used to determine insert location if possible.
*/
async insertTemplate(templateId: string, posX: number, posY: number): Promise<void> {
const cursorPos = this.editor.input.coordsToSelection(posX, posY).from;
async insertTemplate(templateId: string, event: MouseEvent): Promise<void> {
const cursorPos = this.editor.input.eventToPosition(event).from;
const responseData = (await window.$http.get(`/templates/${templateId}`)).data as {markdown: string, html: string};
const content = responseData.markdown || responseData.html;
this.editor.input.spliceText(cursorPos, cursorPos, content, {from: cursorPos});
@@ -364,8 +364,8 @@ export class Actions {
* Insert multiple images from the clipboard from an event at the provided
* screen coordinates (Typically form a paste event).
*/
insertClipboardImages(images: File[], posX: number, posY: number): void {
const cursorPos = this.editor.input.coordsToSelection(posX, posY).from;
insertClipboardImages(images: File[], event: MouseEvent): void {
const cursorPos = this.editor.input.eventToPosition(event).from;
for (const image of images) {
this.uploadImage(image, cursorPos);
}