强制代码(外观)编辑器使用空格而不是制表符

时间:2018-03-11 作者:armadadrive

我们在构建自定义主题时使用SASS,有时客户机需要快速更改,这比在服务器上进行更容易,而不是在本地推动新的更改。为此,我们在服务器上安装了SASS以监视文件更改。问题是,如果我们使用WordPress外观编辑器编辑SASS文件,它默认为选项卡而不是空格,并且我们在办公室中使用空格。So SASS编译器(transpiler?)引发错误。

有没有办法强制WordPress外观编辑器使用空格而不是制表符?我尝试了快速搜索,但页面/帖子中的一切似乎都与所见即所得编辑器有关。

2 个回复
最合适的回答,由SO网友:Sally CJ 整理而成

WordPress主题/插件(文件)编辑器使用CodeMirror 用于语法高亮显示,并使用挂钩wp_enqueue_code_editor (从WordPress版本4.9.0开始提供),您可以过滤默认的CodeMirror设置,如下例所示:

add_filter( \'wp_code_editor_settings\', function( $settings ) {
    $settings[\'codemirror\'][\'indentUnit\'] = 2;
    $settings[\'codemirror\'][\'indentWithTabs\'] = false;
    return $settings;
} );
请参见http://codemirror.net/doc/manual.html#config 如果要更改其他CodeMirror设置。

附言:您可以将上面的代码添加到主题的函数中。php文件。

SO网友:Mark Kaplun

故事结束时,不应使用wordpress编辑器。除了强制设置安全漏洞之外,您如何git更改,在应用于生产之前如何测试这些更改??

正确的解决方案是教你的客户如何使用GIT(通常是命令行),否则,如果只需要更改CSS,他们可以在定制器中进行更改,这仍然违反了“最佳实践”,但至少你可以在将其应用于实时设置之前对其进行适当的测试。

结束

相关推荐

在实时WordPress服务器上使用/编译Foundation Sass

到目前为止,我已经在我的许多网站上广泛使用了LESS和BootStrap。然而,我决定开始使用Zurb Foundation,因为它看起来更强大,尤其是最新版本(5)。用更少的资源,我一直在做的就是安装WP-Less, 使用PHPLES库编译的插件.less 通过查看.less 文件已使用wp_enqueue_style() 在我的WordPress主题中起作用。如果我在我的主页上做任何编辑.less 文件及其依赖项/包含项等,并将其上载到我的服务器上,WP Less会注意到这一点,并为我重新编译一个新的