代码之家 › 专栏 › 技术社区 › JasonDavis

如何在WordPress博客文章中发布源代码

wordpress php

JasonDavis · 技术社区 · 15 年前

我刚刚启动了一个与编码相关的WordPressBog,基本上讨论主题并将代码片段存储在其中。我安装了一个代码语法荧光笔插件,这是非常好,但我有一个问题。我刚尝试过发布我的第一篇与代码相关的博客文章,WordPress似乎只发布了我的一些代码,然后它使一些代码不显示,就像它过滤掉了一些代码,即使我将其包装在这样的标签中一样。

<pre class="brush:php">

<?PHP
my code
?>

</pre>

我的一些代码可以工作,有些则会被过滤掉。我知道这是可能的,因为许多WordPress编码站点都显示源代码。我需要修改一些东西使它在WordPress中工作吗?

更新

我已经确认它确实将我所有的代码保存到数据库中,当它试图打印到屏幕上时,它会过滤掉它,所以当我进入编辑文章时,文本框会完整地填充所有源代码。

8 回复 | 直到 6 年前

ZhukovRA 15 年前

你读过这个吗 Codex article ?为了突出显示代码,可以使用WordPress plugins .

diega 15 年前

看一看 http://en.support.wordpress.com/code/posting-source-code/ 这就是官方WordPress主机所支持的,它非常容易使用,应该经过足够的测试。

Gabe Timothy Khouri 15 年前

我猜您的代码中有未筛选的<或<符号需要编码。对于<使用“<”,对于&使用“&”。

YOU 15 年前

是你的吗? <?php ?> 代码得到执行?

尝试用 <?php phpinfo(); ?> 以确认这一点。

JasonDavis 15 年前

我尝试了3种不同的插件,它们结合在一起,我终于让WordPress不过滤掉我的PHP代码。

markratledge 15 年前

我用 WordPress âº WP-Syntax Â« WordPress Plugins 在发布和格式化php、css、applescript等方面没有问题。您一定没有正确安装插件。

david 6 年前

在过去,我在WordPress帖子中插入代码时遇到了很多麻烦,但我确实找到了一种非常简单的方法!我会将此代码添加到样式表中:

pre {
    font-family: courier,"courier new",monospace;
    font-size: 12px;
    overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    /* width: 99%; */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

然后确定你要显示的代码作为代码在 <pre> 标签。对我来说太好了!

我也写了一篇关于这个的博客( http://blog.thelibzter.com/displaying-snippets-of-code-correctly-in-wordpress-posts )因为这是我很久找不到解决办法的事情了!希望有帮助!

david 6 年前

一个想法是使用Github的要点: http://gist.github.com ,对于您在gist上发布的每个源代码,您都会收到一个嵌入的代码,您只需将其粘贴到WordPress上即可。

例如,请参见: https://gist.github.com/meysampg/0a6524b13b8be8e6205a#file-rtl_css_prestashop-tpl ,我在该HTML文件中使用了此注册表的嵌入代码:

<!doctype html>
<html>
<head>
    <title>Sample of Gist code</title>
</head>
<body>
    <p>This is a code:</p>
    <script src="https://gist.github.com/meysampg/0a6524b13b8be8e6205a.js"></script>
</body> 
</html>

您可以在这里看到一个在线演示: http://jsfiddle.net/meysampg/nadsffe7 .