Loading... 因为我从事的是<code>**PLC**</code>相关设计工作,会用到<code>**ST**</code>语言进行<code>**PLC**</code>程序设计,就想到给博客也添加相应的语言高亮显示,于是就在<code>**github**</code>找到了相关的代码,接下来请大家跟着我的步骤为Vditor添加<code>**structured-text**</code>高亮支持: <div class="tip inlineBlock warning"> 提示:本教程需要Vditor资源本地化或者自己能够操作Vditor文件 </div> ## 1、**下载[structured-text](https://github.com/highlightjs/highlightjs-structured-text)原文件** 下载后解压文件,并打开<code>**\highlightjs-structured-text-master\distiecst.min.js**</code> ## 2、**查看并复制文件代码** 打开<code>**vditor/dist/js/highlight.js/highlight.pack.js**</code> 将<code>**distiecst.min.js**</code>里面的代码复制到<code>**highlight.pack.js**</code>最后 然后保存<code>**highlight.pack.js**</code>文件就可以啦! ## 3、**使用方法** 与其他语言高亮选择一样,st语言使用<code>**```iecst**</code>在前包裹即可 ``` ```iecst ``` 具体效果可以查看我的这篇文章: <div class="preview"> <div class="post-inser post box-shadow-wrap-normal"> <a href="https://hawait.cn/archives/78/" target="_blank" class="post_inser_a no-external-link no-underline-link"> <div class="inner-image bg" style="background-image: url(https://img-1252897487.cos.ap-guangzhou.myqcloud.com/handsome/assets/img/sj/1.jpg);background-size: cover;"></div> <div class="inner-content" > <p class="inser-title">PLC ST语言 十六进制浮点数转十进制</p> <div class="inster-summary text-muted"> IEE754算法 </div> </div> </a> <!-- .inner-content #####--> </div> <!-- .post-inser ####--> </div> 最后修改:2022 年 03 月 24 日 © 允许规范转载 赞 2 如果觉得我的文章对你有用,请随意赞赏
此处评论已关闭