vditor 设置默认预览模式

使用electron + vue3 写了个便笺管理工具

就像这样 👆
编辑内容的模块使用了 vditor
对于进度是已完成的 我希望点开之后, 只有预览模式 其他什么都没有,
以下我已经实现的效果, 就保留了一个 全屏的按钮

但是翻了半天没看见有响应的配置 (如果有佬找到了, 麻烦踢我以下,留个位置, 感谢)!!

为了不浪费时间,只能曲线实现, 直接获取到dom来进行操作, 模拟点击工具栏的 预览按钮实现

// 拿到工具栏下面的所有button
const buttons: NodeListOf<Element> = document.querySelectorAll(".vditor-toolbar button");
// 遍历每个按钮并查找具有 data-type="preview" 的按钮
buttons.forEach((button: any) => {
	if (button.getAttribute("data-type") === "preview") {
    // 如果按钮的 data-type 属性是 preview，则模拟点击该按钮
		button.click();
		button.style.display = "none";
	} else {
		// 除了全屏按钮, 其他全部隐藏
        if (button.getAttribute("data-type") !== "fullscreen") {
        	button.style.display = "none";
        }
    }
});

最后贴上代码截图

大功告成!!