在WordPress上嵌入代码的最佳实践是什么?

时间:2011-06-21 作者:jakc

我有两个博客网站。一个由Wordpress托管。com,一个用Wordpress自托管的。组织机构

我们是一家技术公司,我们的许多博客帖子都是关于HTML、Javascript、。NET等,我们希望在帖子中嵌入代码片段。

我们每个博客上都有大约20位作者,根据经验,我需要让插入代码片段尽可能简单和友好。

<小时>Wordpress.org<我看到了Wordpress。组织,这个article.
据我所知,在使用HTML编辑器编写时,如果应用标记<code> some code</code> 这样就保留了格式
-没问题。但最大的缺点是易用性。例如,将其与stack exchange文本编辑器进行比较-无需切换到HTML视图并编写标记,您可以使用“代码示例”按钮。

我知道有一堆plugins 在外面<对于在wordpress中嵌入代码的最佳方式,是否存在普遍共识。组织帖子?

我的要求是使其与堆栈交换一样简单。

<小时>Wordpress.com
It appears I can also use the code tags 使用wp。com
我想告诉我的用户使用这种方法的好处是,不会与这两个博客的作者产生任何混淆。

我目前正在使用扩展工具栏(厨房水槽)中的“预格式化”文本格式<我想没有其他选择了吧?

6 个回复
SO网友:Joseph Leedy

我更喜欢使用SyntaxHighlighter Evolved 这本书由Viper007Bond和Automatic合著。它使用Alex Gorbatchev基于JavaScript的解决方案,该解决方案支持大量语言,并且高度可定制。

SO网友:onetrickpony

我需要这样的东西,尝试了20个相关插件,但都以这样或那样的方式失败了。大多数问题来自于WP过滤器对代码的干扰,比如转换:) 微笑,或添加rel="nofollow" 链接等。

所以我最终创建了自己的函数。基本上我挂接了一个函数the_content/comment_text 具有最高优先级,其中我用唯一的ID替换前置/代码标记之间的所有内容,如<-- CODE 1 HERE -->, 而我将此内容保存在变量中(并将其转换为HTML实体)。

然后,我在相同的标记上挂接另一个优先级最低的函数(在所有这些WP过滤器都应用于内容之后),并用存储在变量中的代码替换上面的ID。

因此,任何过滤器都不会改变代码。然后我运行一个简单的javascript语法highlighter脚本-我选择highlight.js

如果你愿意,我可以发布我的代码。。。

Stackexchange使用markdown, 代码被包装在记号之间,而不是html标记之间。不管怎样,这个想法还是一样的

SO网友:webaware

另一种选择是将代码片段放入Gist, 并使用Embed GitHub Gist 插件。工作正常,并且有一个优点,即您的代码是受版本控制的,并且可以很容易地分叉。

SO网友:kaiser

Selfhosted: 您可以制作短标签/短代码(大多数插件可能已经这样做了),或者为代码资源创建自定义帖子类型,在帖子编辑屏幕中添加一个元框,并从那里链接到包含片段的自定义帖子类型。这两种解决方案都可能需要大量的工作,几乎与使用编写良好的插件相同。

My recommendation: 坚持使用插件。

Ad <code>: 如果你在写代码,你应该已经熟悉基本的html(所以我想我误解了你的Q),但无论如何:<code> 用于内联代码和<pre> 用于多行代码。后者将保留换行符,但外观取决于css样式。

SO网友:Jeremy Jared

根据个人经验,我要补充一点:

如果您没有使用某种类型的语法荧光笔,那么在嵌入您将为其他人提供的代码时要小心。我尝试了使用<pre></pre><code></code> 标签。它们将为php标记添加额外的空间,并且还可能对单引号和双引号产生负面影响。如果你突然有一个满是愤怒用户的博客,那就不好了。

如果您打算提供代码片段供其他人使用,我建议您使用语法荧光笔。我会给出我的建议,但我也想听听其他人用什么,所以希望有人会“插话”:我知道一个可行的建议来自Snipplrlink to snipplr site (这需要您注册,然后您可以使用此处的WordPress插件:Link to WP Plugin Directory. 我希望这有帮助。

SO网友:yibe

根据我的经验,大多数插件在代码高亮显示方面都有问题。目前,我正在使用Prettify GC Syntax Highlighter 我对此感到高兴。我还发布了关于如何配置和使用它的分步指南here

结束

相关推荐

在WordPress上嵌入代码的最佳实践是什么? - 小码农CODE - 行之有效找到问题解决它

在WordPress上嵌入代码的最佳实践是什么?

时间:2011-06-21 作者:jakc

我有两个博客网站。一个由Wordpress托管。com,一个用Wordpress自托管的。组织机构

我们是一家技术公司,我们的许多博客帖子都是关于HTML、Javascript、。NET等,我们希望在帖子中嵌入代码片段。

我们每个博客上都有大约20位作者,根据经验,我需要让插入代码片段尽可能简单和友好。

<小时>Wordpress.org<我看到了Wordpress。组织,这个article.
据我所知,在使用HTML编辑器编写时,如果应用标记<code> some code</code> 这样就保留了格式
-没问题。但最大的缺点是易用性。例如,将其与stack exchange文本编辑器进行比较-无需切换到HTML视图并编写标记,您可以使用“代码示例”按钮。

我知道有一堆plugins 在外面<对于在wordpress中嵌入代码的最佳方式,是否存在普遍共识。组织帖子?

我的要求是使其与堆栈交换一样简单。

<小时>Wordpress.com
It appears I can also use the code tags 使用wp。com
我想告诉我的用户使用这种方法的好处是,不会与这两个博客的作者产生任何混淆。

我目前正在使用扩展工具栏(厨房水槽)中的“预格式化”文本格式<我想没有其他选择了吧?

6 个回复
SO网友:Joseph Leedy

我更喜欢使用SyntaxHighlighter Evolved 这本书由Viper007Bond和Automatic合著。它使用Alex Gorbatchev基于JavaScript的解决方案,该解决方案支持大量语言,并且高度可定制。

SO网友:onetrickpony

我需要这样的东西,尝试了20个相关插件,但都以这样或那样的方式失败了。大多数问题来自于WP过滤器对代码的干扰,比如转换:) 微笑,或添加rel="nofollow" 链接等。

所以我最终创建了自己的函数。基本上我挂接了一个函数the_content/comment_text 具有最高优先级,其中我用唯一的ID替换前置/代码标记之间的所有内容,如<-- CODE 1 HERE -->, 而我将此内容保存在变量中(并将其转换为HTML实体)。

然后,我在相同的标记上挂接另一个优先级最低的函数(在所有这些WP过滤器都应用于内容之后),并用存储在变量中的代码替换上面的ID。

因此,任何过滤器都不会改变代码。然后我运行一个简单的javascript语法highlighter脚本-我选择highlight.js

如果你愿意,我可以发布我的代码。。。

Stackexchange使用markdown, 代码被包装在记号之间,而不是html标记之间。不管怎样,这个想法还是一样的

SO网友:webaware

另一种选择是将代码片段放入Gist, 并使用Embed GitHub Gist 插件。工作正常,并且有一个优点,即您的代码是受版本控制的,并且可以很容易地分叉。

SO网友:kaiser

Selfhosted: 您可以制作短标签/短代码(大多数插件可能已经这样做了),或者为代码资源创建自定义帖子类型,在帖子编辑屏幕中添加一个元框,并从那里链接到包含片段的自定义帖子类型。这两种解决方案都可能需要大量的工作,几乎与使用编写良好的插件相同。

My recommendation: 坚持使用插件。

Ad <code>: 如果你在写代码,你应该已经熟悉基本的html(所以我想我误解了你的Q),但无论如何:<code> 用于内联代码和<pre> 用于多行代码。后者将保留换行符,但外观取决于css样式。

SO网友:Jeremy Jared

根据个人经验,我要补充一点:

如果您没有使用某种类型的语法荧光笔,那么在嵌入您将为其他人提供的代码时要小心。我尝试了使用<pre></pre><code></code> 标签。它们将为php标记添加额外的空间,并且还可能对单引号和双引号产生负面影响。如果你突然有一个满是愤怒用户的博客,那就不好了。

如果您打算提供代码片段供其他人使用,我建议您使用语法荧光笔。我会给出我的建议,但我也想听听其他人用什么,所以希望有人会“插话”:我知道一个可行的建议来自Snipplrlink to snipplr site (这需要您注册,然后您可以使用此处的WordPress插件:Link to WP Plugin Directory. 我希望这有帮助。

SO网友:yibe

根据我的经验,大多数插件在代码高亮显示方面都有问题。目前,我正在使用Prettify GC Syntax Highlighter 我对此感到高兴。我还发布了关于如何配置和使用它的分步指南here

相关推荐

在WordPress上嵌入代码的最佳实践是什么? - 小码农CODE - 行之有效找到问题解决它

在WordPress上嵌入代码的最佳实践是什么?

时间:2011-06-21 作者:jakc

我有两个博客网站。一个由Wordpress托管。com,一个用Wordpress自托管的。组织机构

我们是一家技术公司,我们的许多博客帖子都是关于HTML、Javascript、。NET等,我们希望在帖子中嵌入代码片段。

我们每个博客上都有大约20位作者,根据经验,我需要让插入代码片段尽可能简单和友好。

<小时>Wordpress.org<我看到了Wordpress。组织,这个article.
据我所知,在使用HTML编辑器编写时,如果应用标记<code> some code</code> 这样就保留了格式
-没问题。但最大的缺点是易用性。例如,将其与stack exchange文本编辑器进行比较-无需切换到HTML视图并编写标记,您可以使用“代码示例”按钮。

我知道有一堆plugins 在外面<对于在wordpress中嵌入代码的最佳方式,是否存在普遍共识。组织帖子?

我的要求是使其与堆栈交换一样简单。

<小时>Wordpress.com
It appears I can also use the code tags 使用wp。com
我想告诉我的用户使用这种方法的好处是,不会与这两个博客的作者产生任何混淆。

我目前正在使用扩展工具栏(厨房水槽)中的“预格式化”文本格式<我想没有其他选择了吧?

6 个回复
SO网友:Joseph Leedy

我更喜欢使用SyntaxHighlighter Evolved 这本书由Viper007Bond和Automatic合著。它使用Alex Gorbatchev基于JavaScript的解决方案,该解决方案支持大量语言,并且高度可定制。

SO网友:onetrickpony

我需要这样的东西,尝试了20个相关插件,但都以这样或那样的方式失败了。大多数问题来自于WP过滤器对代码的干扰,比如转换:) 微笑,或添加rel="nofollow" 链接等。

所以我最终创建了自己的函数。基本上我挂接了一个函数the_content/comment_text 具有最高优先级,其中我用唯一的ID替换前置/代码标记之间的所有内容,如<-- CODE 1 HERE -->, 而我将此内容保存在变量中(并将其转换为HTML实体)。

然后,我在相同的标记上挂接另一个优先级最低的函数(在所有这些WP过滤器都应用于内容之后),并用存储在变量中的代码替换上面的ID。

因此,任何过滤器都不会改变代码。然后我运行一个简单的javascript语法highlighter脚本-我选择highlight.js

如果你愿意,我可以发布我的代码。。。

Stackexchange使用markdown, 代码被包装在记号之间,而不是html标记之间。不管怎样,这个想法还是一样的

SO网友:webaware

另一种选择是将代码片段放入Gist, 并使用Embed GitHub Gist 插件。工作正常,并且有一个优点,即您的代码是受版本控制的,并且可以很容易地分叉。

SO网友:kaiser

Selfhosted: 您可以制作短标签/短代码(大多数插件可能已经这样做了),或者为代码资源创建自定义帖子类型,在帖子编辑屏幕中添加一个元框,并从那里链接到包含片段的自定义帖子类型。这两种解决方案都可能需要大量的工作,几乎与使用编写良好的插件相同。

My recommendation: 坚持使用插件。

Ad <code>: 如果你在写代码,你应该已经熟悉基本的html(所以我想我误解了你的Q),但无论如何:<code> 用于内联代码和<pre> 用于多行代码。后者将保留换行符,但外观取决于css样式。

SO网友:Jeremy Jared

根据个人经验,我要补充一点:

如果您没有使用某种类型的语法荧光笔,那么在嵌入您将为其他人提供的代码时要小心。我尝试了使用<pre></pre><code></code> 标签。它们将为php标记添加额外的空间,并且还可能对单引号和双引号产生负面影响。如果你突然有一个满是愤怒用户的博客,那就不好了。

如果您打算提供代码片段供其他人使用,我建议您使用语法荧光笔。我会给出我的建议,但我也想听听其他人用什么,所以希望有人会“插话”:我知道一个可行的建议来自Snipplrlink to snipplr site (这需要您注册,然后您可以使用此处的WordPress插件:Link to WP Plugin Directory. 我希望这有帮助。

SO网友:yibe

根据我的经验,大多数插件在代码高亮显示方面都有问题。目前,我正在使用Prettify GC Syntax Highlighter 我对此感到高兴。我还发布了关于如何配置和使用它的分步指南here

相关推荐