给家爱BBS的快速回复加入留言簿里的表情

声明:这个只是为了展示Prox的用法 如果谁用了这东西在家爱灌水被XX 后果自负..........

家爱更新了........
在blog里加入了留言簿功能.........
里面的表情很不错啊.........
可惜 在BBS这边没有...
Prox用惯了 遇到不舒服的就会想改....
那就咱自己把他挪过来吧.......

(以下代码在opera9.6和IE6里TEST通过...IE中的CSS宽有点小问题 有点窄 反我不用IE上家爱 我就不调了 谁用到谁就自己调吧....)

首先下载下面的JS 放到prox目录下的html目录里 目录结构是 Proxomitron\html\proxjs-JavaEye-BookEmotes.js

然后prox里代码如下

[Patterns]
Name = "javaeye Body Image Add"
Active = TRUE
URL = "$TYPE(htm)www.iteye.com/topic/"
Bounds = "$NEST(<div*>,</div>)"
Limit = 2500
Match = "*$NEST(<div class="crumbs">*forum_urlname*,</div>)\1[%E5][%BF][%AB][%E9][%80][%9F][%E5][%9B][%9E][%E5][%A4][%8D]\2"
Replace = "<!-- javaeye Body Image Add Start -->\n"
          "<style type="text/css">\n"
          "#guest_book_emotes {"
          "    width: 400px;"
          "}\n"
          "#guest_book_emotes a {"
          "    width: 125px;"
          "    text-decoration: none;"
          "    background-color: transparent;"
          "    color: black;"
          "    display: block;"
          "    float: left;"
          "}"
          "</style>\n"
          "<script src="http://local.ptron/proxjs-JavaEye-BookEmotes.js" type="text/javascript"></script>\n"
          "<div>\n"
          "  <div class="crumbs">\n"
          "    <div id="guest_book_emotes" style="display:;">\n"
          "    </div>"
          "\1<a href="javascript:showBookEmotes()">&#x5FEB;&#x901F;&#x56DE;&#x590D;</a>\2"
          "<!-- javaeye Body Image Add End-->\n"

COPY上面的代码 然后打开 prox的Webpage窗口 点右键 选择 Import filters from clipboard 然后保存就可以了  如下图所示



至于说效果 打开帖子之后 下面是这样的



好像没什么变化嘛.......HOHO.......别急....点一下 快速回复 那几个字看看.....



以下为修改版.......

小小的修改了一下 给想要一直显示的同学.......

先下载下面的proxjs-JavaEye-BookEmotes-new.zip

然后代码如下

[Patterns]
Name = "javaeye Body Image Add"
Active = TRUE
URL = "$TYPE(htm)www.iteye.com/topic/|$TYPE(htm)www.iteye.com/post/"
Bounds = "$NEST(<div*>,</div>)"
Limit = 2500
Match = "*$NEST(<div class="crumbs">*forum_urlname*,</div>)\1[%E5][%BF][%AB][%E9][%80][%9F][%E5][%9B][%9E][%E5][%A4][%8D]\2"
Replace = "<!-- javaeye Body Image Add Start -->\n"
          "<style type="text/css">\n"
          "#guest_book_emotes {"
          "    width: 400px;"
          "}\n"
          "#guest_book_emotes a {"
          "    width: 125px;"
          "    text-decoration: none;"
          "    background-color: transparent;"
          "    color: black;"
          "    display: block;"
          "    float: left;"
          "}\n"
          "</style>\n"
          "<div>\n"
          "  <div class="crumbs">\n"
          "    <div id="guest_book_emotes" style="display:;">\n"
          "    </div>\n"
          "\1&#x5FEB;&#x901F;&#x56DE;&#x590D;\2\n"
          "<script src="http://local.ptron/proxjs-JavaEye-BookEmotes.js" type="text/javascript"></script>\n"
          "<!-- javaeye Body Image Add End-->\n"

导入的方法和JS的路径和上面的老版本是一样的.........


追加精典表情和BBCODE标签....
必须的代码如下...
更新进去之后  再自己改点CSS就OK了
至于该怎么写...........

<textarea class="required bad-words min-length-5" cols="40" id="post_body" name="post[body]" rows="20"></textarea>
<link href="http://www.iteye.com/javascripts/editor/css/ui.css" media="screen" rel="stylesheet" type="text/css" />
<script src="http://www.iteye.com/javascripts/editor/compress.js" type="text/javascript"></script>
<input type="hidden" name="post[bbcode]" value="true"/>
<input type="hidden" id="editor_bbcode_flag"/>
<script type="text/javascript">
  var editor = new Control.TextArea.Editor("post_body", "bbcode", false);
</script>

评论

3 楼 yuan 2008-10-25  

好厉害

2 楼 robbin 2008-10-24  

强人，拜一下

1 楼 hazzy 2008-10-24  

还想说偶像，但是发现上一帖，我已经喊你偶像了