【问题标题】:how to embed codes on html pages如何在html页面上嵌入代码
【发布时间】:2011-12-13 03:53:29
【问题描述】:

我在 Windows 上,我想创建一个基于 Web 的代码 sn-p 工具供我自己使用。因为每一个很棒的应用程序似乎都只存在于 Mac 上。 Snippley 没问题,但它没有搜索功能。 是否有 javascript 库或 jquery 插件可以让我以一种很好的方式呈现代码 sn-ps?类似于 Nettuts 中的那个:

【问题讨论】:

    标签: javascript code-snippets


    【解决方案1】:

    我猜最漂亮和最常用的是 Google 代码 Prettify。 这是一个 css 库,可以准确地执行您粘贴的这个屏幕截图。

    http://code.google.com/p/google-code-prettify/

    您也可以通过 Google Code Prettify 将它与 Twitter Bootstrap Css 库一起使用:http://twitter.github.com/bootstrap/

    检查 Twitter Bootstrap 的页面源,你会发现你只需要这样的东西:

    <link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">
    

    或者您可以在此处选择 16 个免费的 javascript 代码 protiffier:http://www.1stwebdesigner.com/css/16-free-javascript-code-syntax-highlighters-for-better-programming/

    就是这样!

    【讨论】:

    • 再次检查答案。我已经编辑过了。这是你需要的吗?
    • 首先,我不需要任何东西,因为我没有问这个问题;)。其次,我的意思是 Google 的美化不仅是 CSS,它还包含 JavaScript。您还必须包含 JavaScript 文件,而不仅仅是 CSS 文件才能使其工作。您说这是一个 CSS 库,我认为这是不正确的。
    猜你喜欢
    • 1970-01-01
    • 2010-09-22
    • 1970-01-01
    • 2021-09-14
    • 1970-01-01
    • 2015-11-09
    • 2012-09-09
    • 2012-09-02
    • 2012-03-21
    相关资源
    最近更新 更多