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

最新推荐文章于 2018-04-09 11:51:55 发布

最新推荐文章于 2018-04-09 11:51:55 发布 · 194 阅读

文章标签：

#BBS #IE #CSS #HTML #Blog

Proxomitron 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何使用Prox工具自定义JavaEye论坛的表情功能。通过添加JavaScript和CSS代码，实现表情面板的显示与隐藏，并提供了一个修改后的版本以保持表情面板始终可见。

声明:这个只是为了展示[url="http://www.proxomitron.cn/"]Prox[/url]的用法如果谁用了这东西在家爱灌水被XX 后果自负..........

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

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

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

然后prox里代码如下

[code][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 = "\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()">快速回复</a>\2"
"\n"

[/code]

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

[img]http://ddandyy.iteye.com/upload/picture/pic/23775/ad756e94-7189-3394-9d00-9084e1450dd2.png[/img]

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

[img]http://ddandyy.iteye.com/upload/picture/pic/23773/374bd240-bc81-392a-b63d-38b429929440.png[/img]

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

[img]http://ddandyy.iteye.com/upload/picture/pic/23771/97587a4f-8815-30a8-b934-29ba23877afa.png[/img]

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

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

先下载下面的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快速回复\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>