首页 > 其他分享 >Typora结合Layer放大查看图片

Typora结合Layer放大查看图片

时间:2024-01-11 15:47:27浏览次数:34  
标签:Layer 工具栏 鼠标 查看 Typora 图片

Typora结合Layer放大查看图片

下载最新Layui组件库

Layui官网

Layui2.9.3下载

拷贝文件

将layui目录拷贝到Typora的安装目录下。

安装目录的resources\app文件夹下,新建了extend文件夹,用来存放扩展插件的。

修改window.html文件

位置:Typora安装目录\resources\app\window.html(这个文件实际就是Typora的主界面)

引入 css 文件

在内添加下面代码

<link rel="stylesheet" href="extend/layui/css/layui.css" crossorigin="anonymous">

引入 js 文件

可以搜索<script src="./app/window/frame.js" defer="defer"></script>,然后在它的后面添加:

<script src="./extend/layui/layui.js"></script>
<script src="./extend/layui/img.init.js"></script>

修改完成,保存。

启动Typora,验证

Ctrl + 鼠标单击,要放大查看的图片。

使用功能点:

  1. Ctrl + 鼠标单击,弹出图片层查看;
  2. 鼠标滚轮,放大缩小图片;
  3. 鼠标右击图片层,关闭上下工具栏,再次右击显示工具栏;
  4. 鼠标点击按住图片,可以进行拖动;
  5. 左右两边有图标,可以切换到上下张图片;
  6. 图片工具栏,可以进行图片旋转;

效果图

image

插件源码下载地址

标签:Layer,工具栏,鼠标,查看,Typora,图片
From: https://www.cnblogs.com/fkdexq/p/17957395

相关文章

  • 【K8S系列】如何高效查看 k8s日志
     序言你只管努力,其他交给时间,时间会证明一切。文章标记颜色说明:黄色:重要标题红色:用来标记结论绿色:用来标记一级论点蓝色:用来标记二级论点Kubernetes(k8s)是一个容器编排平台,允许在容器中运行应用程序和服务。今天学习一下k8s日志查看相关方法希望这篇文章......
  • k8s集群Node节点管理:节点信息查看及节点label标签管理
    k8s集群Node节点管理:节点信息查看及节点label标签管理Kubernetes集群Node管理一、查看集群信息[root@k8s-master1~]#kubectlcluster-infoKubernetescontrolplaneisrunningathttps://192.168.10.100:6443CoreDNSisrunningathttps://192.168.10.100:6443/api/v1......
  • 使用tcpdump抓取网络包,在wareshark查看对应请求及响应的最终报文
    tcpdump是Linux环境的抓包工具,可以使用此工具抓取指定host的所有网络包,在wareshark工具中进行查看。tcpdumphost  [IP或域名]   -w [文件名]示例如下:1、执行命令,抓取server端对webxml.com.cn站点的网络报文;2、在server端执行对webxml的SOAP请求;3、ctrl+c 终止抓取;4......
  • Java字节码文件查看常用工具​
    04.字节码常用工具javap-v命令javap是JDK自带的反编译工具,可以通过控制台查看字节码文件的内容。适合在服务器上查看字节码文件内容。直接输入javap查看所有参数。输入javap-v字节码文件名称查看具体的字节码信息。(如果是jar包需要先使用jar-xvf命令解压)jclasslib的idea插件j......
  • linux-查看文件(夹)数量
    在linux中使用man[命令],可以查看完整的命令帮助文档。ls命令中,我们常用的选项在帮助文档中的解释是:ls-listdirectorycontents.(外出目录内容)-a,--all-l,--usealoglistingformat(使用日志列表格式)-h,--humanreadablewith-l,printsizesinhumanreadable......
  • Windows 下如何查看文件夹被哪个进程所占用
    退出U盘或删除文件时提示文件被占用,可以通过下面的方法处理:1、右击任务栏,启动任务管理器;2、选择“性能“选项卡,点击“资源监视器”;3、点击“CPU”选项卡,在“关联的句柄”右侧的“搜索句柄”输入框输入文件名或文件夹名并点击搜索......
  • 查看selenium具体版本的方法
    1、查看自己selenium版本方法一:本机进入CMD在cmd窗口中输入pipshowselenium如果是在Pycharm中直接安装的selenium。则有可能会有如下提示。那么请尝试方法二。方法二:在pycharm中查看selenium版本步骤一:在pycharm里打开命令行,输入python步骤二:执行importselenium和help(selen......
  • 多链混沌:Layer2 格局演变与跨链流动性的新探索
    这个多链与L2并存的世界给dApps和DeFi金融创新提供了更多可能,dApp不必构建在昂贵拥堵的以太坊主网,避免因Gas费而限制自身采用率。Layer2在带来高性能的同时,仍然可以与Layer1乃至整个EVM生态内的资产交互,dApp甚至可以选择独立构建专属的L2应用链。可以预见的是,应用......
  • 请将鼠标悬停在下面的元素上,即可查看 2D 和 3D 转换之间的区别
    请将鼠标悬停在下面的元素上,即可查看2D和3D转换之间的区别:2Drotate3Drotatetransformcode<div><p>请将鼠标悬停在下面的元素上,即可查看2D和3D转换之间的区别:</p><style>#rotate2D,#rotate3D{width:80px;height:70px;color:white;......
  • typora mac版激活
    前往/Applications/Typora.app/Contents/Resources/TypeMark/page-dist/static/js文件夹打开LicenseIndex.180dd4c7.54395836.chunk.js文件将hasActivated="true"==e.hasActivated修改为hasActivated="true"=="true"重新启动typora......