doohoyi/filebrowser
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

activating basic beautifier of ace-editor

Browse source
This commit is contained in:
Dooho Yi 2025-01-10 22:55:41 +09:00
parent 129a4fd39d
commit c0b7a04c4a
1 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
frontend/src/views/files/Editor.vue
View file

@ -41,6 +41,7 @@ import url from "@/utils/url";
import ace, { Ace, version as ace_version } from "ace-builds"; import ace, { Ace, version as ace_version } from "ace-builds";
import modelist from "ace-builds/src-noconflict/ext-modelist"; import modelist from "ace-builds/src-noconflict/ext-modelist";
import "ace-builds/src-noconflict/ext-language_tools"; import "ace-builds/src-noconflict/ext-language_tools";
import "ace-builds/src-noconflict/ext-beautify";
import HeaderBar from "@/components/header/HeaderBar.vue"; import HeaderBar from "@/components/header/HeaderBar.vue";
import Action from "@/components/header/Action.vue"; import Action from "@/components/header/Action.vue";
@ -66,6 +67,7 @@ const route = useRoute();
const router = useRouter(); const router = useRouter();
const editor = ref<Ace.Editor | null>(null); const editor = ref<Ace.Editor | null>(null);
const beautify = ace.require("ace/ext/beautify");
const isPreview = ref(false); const isPreview = ref(false);
const previewContent = ref(""); const previewContent = ref("");
@ -137,12 +139,19 @@ const keyEvent = (event: KeyboardEvent) => {
return; return;
} }
if (event.key !== "s") { if (event.key !== "s" && event.key !== "B") {
return; return;
} }
event.preventDefault(); event.preventDefault();
if (event.key == "s") {
save(); save();
}
if (event.key == "B") {
beautify.beautify(editor.value?.session);
}
}; };
const handleScroll = (event: WheelEvent) => { const handleScroll = (event: WheelEvent) => {