联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > WordPress插件 > 正文

CodeMirror Blocks 最好的WordPress通用插件下载 博客插件模块

作者:98wpeu发布时间:2025-04-26分类:WordPress插件浏览:6


导读:代码镜块安装CodeMirrorBlocks对于开发人员博客、教程网站很有用,可以在其中显示任何程序的格式化(突出显示)代码。它支持100多种编程、脚本和MarkUp语言,以及5...
代码镜块安装

CodeMirror Blocks对于开发人员博客、教程网站很有用,可以在其中显示任何程序的格式化(突出显示)代码。
它支持100多种编程、脚本和MarkUp语言,以及56个不同的主题。

代码块依赖于CodeMirror库。

默认代码块就像(语法突出显示功能),根据术语类别以不同的颜色和字体显示源代码。这是提高文本可读性和上下文的一种策略;尤其是对于跨越多个页面的代码。读者可以很容易地忽略大部分评论或代码,具体取决于他们正在寻找的内容。

该插件只是即插即用,没有繁琐的配置或黑客操作,只需安装、激活和使用块插入器开始即可。

特征

控制面板添加到代码块的顶部。
** 显示语言/文件名。
** 它还显示三个按钮,包括运行/执行、全屏、复制代码。Web编辑器(执行HTML、CSS JavaScript块)带有CodeMirror Block 1.1选项页面,用于设置默认选项突出显示活动行(现已在CodeMirror Block 1.1上可用)CodeMirror Block 1.1现在支持块对齐(宽宽、全宽)(如果您的主题是)。

经典编辑器(部分)

轻量级和快速

使用明确的编码标准来保护代码直观的界面,具有多种设置跨浏览器兼容(在任何现代浏览器中都可以顺利工作)也适用于android移动浏览器兼容所有默认WordPress主题(使用最新的Twenty-Four测试)Twenty-Three Twenty-One Twenty还兼容其他第三方主题。

主要功能包括

代码语法突出显示行号(开/关)选项56主题(所有主题均由CodeMirror提供)100+种编程语言(所有最多由CodeMirror提供的语言)编程语言选择选项仅在需要时在页面上加载CodeMirror文件

支持的主题列表:

3024天3024夜Ambiance移动AmbianceBase 16 dark Base 16 light黑板CobaltColorforthseElegantErlang dark Lesser dark LiquibyteMBOMDN-类似Midnight Monokai NeatNeoNightParaiso dark Paraiso light Pastel darkRubyblueReactjs.org主题Solarized矩阵明晚明亮明晚八十TTCNTwilightVibrant inkXQ dark XQ lightZenburnCredits此插件使用CodeMirror库来突出显示Code Blocks. CodeMirror是一个在麻省理工学院许可下共享的开源项目。屏幕截图如何添加CodeBlock(块编辑器)。CODE并选择适当的语言来突出显示CODE(块编辑器)。通过实时预览(块编辑器)从50多个不同主题中更改主题。单击一下即可切换线号(块编辑器)。块

该插件提供1个区块。

Codemirsor BlockCodemMirror Block,它使您能够更灵活地显示格式化的程序代码。安装

安装-CodeMirror Blocks-就像您安装任何其他WordPress插件一样。

通过WordPress管理区自动:

登录您的WordPress网站的管理区。转到Plugins->Add New。找到此插件并单击安装。通过激活此插件Plugins选项卡.

通过TP访问手动:

来自WordPress.org的此插件的副本(Zip文件)。解压缩Zip文件。将解压缩的目录上传到您的网站插件目录(/wp-content/plugins/)。登录您的WordPress网站的管理区。通过激活此插件Plugins选项卡.

更多帮助安装插件

FAQQ。这是经典编辑器?

是的,现在它支持经典编辑器。因此,与tinyMCE编辑器合作。但它不支持实时语法突出显示。

Q.这是没有古腾堡的跑步吗?

是的,但如果您想获得实时语法突出显示,您必须安装并激活Gutenberg,或者使用内置块编辑器将您的WordPress更新到最新版本。

Q.如何在Post中插入代码块?

A.添加Code Block与插入其他块相同。

登录您的WordPress网站的管理区。转到Posts->Add New。单击+按钮。它将显示所有可用Blocks插入。查找或搜索Code Block。点击Code Block插入Post.Q.中如何更改代码块的语言/模式?

A.只需选择您Language / Mode从选择下拉。

Q.如何更改代码块的颜色主题?

A.只需选择您Theme从选择下拉。

Q.如何启用或禁用线路号?

A.只需单击切换按钮即可(开/关)即可。

Q.如何启用或禁用突出显示活动线路?

A.只需单击切换按钮即可(开/关)即可。

Q.如何启用或禁用曲线?

A.只需单击切换按钮即可(开/关)即可。

Q.这需要了解HTML或CSS吗?

A.绝对不行该插件可以在不了解HTML或CSS的情况下使用易于使用的块进行配置。但您必须了解如何复制粘贴代码CodeMirror Block,并选择适当的语言/模式和主题。

Q.最后的WordPress更新阻止我编辑使用此插件的网站。为什么是这样?

A.这个插件不会造成这样的问题。更有可能的是,问题与网站的设置有关。它可能只是一个缓存,因此请尝试清除您的网站缓存(可能是您使用缓存插件或某些网络服务,例如CloudFlare),然后清除您的网络浏览器的缓存。另请尝试重新登录该网站,这也有帮助。

非常有用bertrandroussel 2023年4月18日这个插件对于拥有一个关于计算开发的博客非常有用。阅读所有42条评论

标签:主题模式语言支持代码


WordPress插件排行
最近发表
网站分类
标签列表