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

Updated markdown editor to use svg drawio images

- Also tweaked page editor to not error when the current user does not
  have permission to change editor type.
This commit is contained in:
Dan Brown
2022-05-23 14:38:34 +01:00
parent 5fd8e7e0e9
commit 641a26cdf7
2 changed files with 9 additions and 8 deletions

View File

@@ -462,7 +462,7 @@ class MarkdownEditor {
}
insertDrawing(image, originalCursor) {
const newText = `<div drawio-diagram="${image.id}"><img src="${image.url}"></div>`;
const newText = DrawIO.buildDrawingContentHtml(image);
this.cm.focus();
this.cm.replaceSelection(newText);
this.cm.setCursor(originalCursor.line, originalCursor.ch + newText.length);
@@ -488,13 +488,14 @@ class MarkdownEditor {
};
window.$http.post("/images/drawio", data).then(resp => {
let newText = `<div drawio-diagram="${resp.data.id}"><img src="${resp.data.url}"></div>`;
let newContent = this.cm.getValue().split('\n').map(line => {
if (line.indexOf(`drawio-diagram="${drawingId}"`) !== -1) {
return newText;
}
return line;
const image = resp.data;
const newText = DrawIO.buildDrawingContentHtml(image);
const newContent = this.cm.getValue().split('\n').map(line => {
const isDrawing = line.includes(`drawio-diagram="${drawingId}"`);
return isDrawing ? newText : line;
}).join('\n');
this.cm.setValue(newContent);
this.cm.setCursor(cursorPos);
this.cm.focus();

View File

@@ -24,7 +24,7 @@ class PageEditor {
this.draftDisplayIcon = this.$refs.draftDisplayIcon;
this.changelogInput = this.$refs.changelogInput;
this.changelogDisplay = this.$refs.changelogDisplay;
this.changeEditorButtons = this.$manyRefs.changeEditor;
this.changeEditorButtons = this.$manyRefs.changeEditor || [];
this.switchDialogContainer = this.$refs.switchDialog;
// Translations