diff --git a/ayanova/src/components/wiki-control.vue b/ayanova/src/components/wiki-control.vue index 064ccc95..ff807f31 100644 --- a/ayanova/src/components/wiki-control.vue +++ b/ayanova/src/components/wiki-control.vue @@ -44,10 +44,14 @@ fa-bold - fa-italic - fa-strikethrough + + fa-italic + + fa-strikethrough fa-heading - + fa-minus fa-quote-left @@ -133,10 +137,6 @@ export default { newString ); }, - clickBold() { - this.getSelectedRange(); - this.replaceSelectedText("**" + this.getSelectedText() + "**"); - }, handleDoubleClick(i) { //the purpose of this is only to change the selection if it's got an extra space to the right //because double clicking on a word with another word after it causes the space to be included @@ -217,6 +217,22 @@ export default { }, compiledOutput() { return DOMPurify.sanitize(marked(this.localVal)); + }, + clickBold() { + this.getSelectedRange(); + this.replaceSelectedText("**" + this.getSelectedText() + "**"); + }, + clickItalic() { + this.getSelectedRange(); + this.replaceSelectedText("*" + this.getSelectedText() + "*"); + }, + clickStrike() { + this.getSelectedRange(); + this.replaceSelectedText("~~" + this.getSelectedText() + "~~"); + }, + clickLine() { + this.getSelectedRange(); + this.replaceSelectedText("***"); } } }; @@ -245,6 +261,9 @@ todo: STYLE OUTPUT CSS I stole the css from toast it's in the notes, search for task-list-item also maybe there's a cleaner way try a google search once you see how they did it - Tables currently look shitty, find a proper style for them with boxes and shit, maybe alternating background on rows etc + - strikethrough hard to see + + */