Highslide JS for WordPress 0.1.1

Dec 19th, 2007 Add Comment
image

这两三个晚上抽了点时间更新了一个版本, 以后可以不用痛苦的敲代码插入图片了.
第一次做 WordPress 插件, 本人不懂 PHP, 虽然用到了一点, 但主要还是用 JavaScript 实现的.
我挺喜欢 Highslide 这东西, 只要有时间, 我会不断更新的. 请各位给点意见, 或者提议.

履历:
1. Highslide JS 库更新到 3.3.3 版本
2. 在后台新增插入代码控件, 对一般需求不再需要手动操作代码
3. 移除 highslide.js 文件 (highslide-with-html.js 已包含这部分代码)

安装:
1. 下载并解压文件 highslide_js_for_wordpress_0.1.1.zip
2. 将文件夹 highslide 解压到目录 wp-content/plugins 中
3. 到后台的插件页面激活 Highslide JS for WordPress

使用:
1. 到后台编写文章页面, 你会见到两个控件
2. 在上面填上你的东西, 并点击按钮, 将代码插入到文章中
3. 发布文章
4. 回到你的博客主页, 你会发现你想要的链接或图片

缺陷:
1. WordPress 后台的可视化编辑模式 (Visual) 会将代码格式化, <div> 被转换为 <p> (P 标签可以是双标签, 也可以是单标签, HTML 中允许出现单标签符), 而当 DIV 被转换成单标签的 P 时, 原来的嵌套方式已经失去. 所述影响生成的 Popup 代码, 但对代码编辑模式 (Code) 没有影响. [感谢 Geno]

最新版本下载

声明: 本文采用 BY-NC-SA 协议进行授权. 转载请注明转自: Highslide JS for WordPress 0.1.1

  1. http://1.gravatar.com/avatar/5474f2893746fc9d9cec4a8c85caaf28?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G
  2. http://0.gravatar.com/avatar/490cf262668eebb0f0f1a50d9d48d702?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    嗯, 为保护网友的视力, 为节约国家的能源.

  3. http://0.gravatar.com/avatar/0b8c305e8b312931ee21ca18d79eab35?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    换背景了啊:)

  4. http://0.gravatar.com/avatar/0b8c305e8b312931ee21ca18d79eab35?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    说个问题,popup在feed里显示不正常:)

  5. http://1.gravatar.com/avatar/bc0c69a6bf72455c4abb653a1d70747a?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    主要是来看看你,顺便膜拜一下 :grin:

  6. http://1.gravatar.com/avatar/f0ca3322185cf86013950853ee3ed87c?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    这图看的更直观了。

  7. http://0.gravatar.com/avatar/490cf262668eebb0f0f1a50d9d48d702?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    @Eric Liu: 谢谢.

    @geno: 有个坏消息, 不能用所见即所得来生成 Popup 代码, WordPress 会自动给你转换代码. 需要用 Code 模式. 下一版本我会移除所见即所得编辑器下方的 popup box.

  8. http://0.gravatar.com/avatar/e141f3535a76c0a82ff7b3809c4f6d60?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    popup,2.3.1有问题哈,显示问题的效果见我的博客

  9. http://0.gravatar.com/avatar/0b8c305e8b312931ee21ca18d79eab35?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    支持mg,周末下下来测试下:)

  10. http://0.gravatar.com/avatar/e141f3535a76c0a82ff7b3809c4f6d60?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    还有前台。呵呵。。

  11. http://0.gravatar.com/avatar/490cf262668eebb0f0f1a50d9d48d702?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    (- -!) 中国人做还汉化... 如下表示方法如何? 呵呵. 我懒, 周末吧... 或者哪位大侠...

    大图:
    +---------------------------------+
    +---------------------------------+
    小图:
    +---------------------------------+
    +---------------------------------+
    备注:
    +---------------------------------+
    +---------------------------------+

  12. http://0.gravatar.com/avatar/e141f3535a76c0a82ff7b3809c4f6d60?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    还没有发现问题。挺好用的。特别是关闭插件也不影响使用。
    不过个人认为可以汉化一下。或者发两个版本,一个汉版,一个英版。

  13. http://0.gravatar.com/avatar/490cf262668eebb0f0f1a50d9d48d702?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    @geno: 用过之后有什么建议要反馈我哦. :smile:

    @qiaoka: 这图够全了吧. 这空间稳定性还行, 性价比也很好.

    这个插件需要用到 prototype.js, WordPress 后台也需要加载 prototype.js, 所以我没有做检测, 也没有引入 prototype.js; 同时, 需要依赖某几个控件的 ID (像 wp-grins 一样), 所以不保证在以后版本的 WordPress 一直可以继续正常使用 (2.2.x, 2.3.x 应该是没问题的)...

  14. http://1.gravatar.com/avatar/f0ca3322185cf86013950853ee3ed87c?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    貌似你空间很稳定啊。
    能发一个全一点的图看看吗

  15. http://0.gravatar.com/avatar/e141f3535a76c0a82ff7b3809c4f6d60?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    恩。好东西。。试用下。。。就等你放出来呢。。

  1. Loading...