网站公告列表

  没有公告

加入收藏
设为首页
联系站长
您现在的位置: 天空资源网 >> 电脑技术 >> 编程技术 >> PHP >> 电脑技术正文
  [组图]ewebeditor增加自动分页           ★★★ 【字体:
ewebeditor增加自动分页
作者:佚名    电脑技术来源:本站原创    点击数:    更新时间:2008-1-12    
大家做网站.经常遇到文章.我这里用[ NextPage ] 来表示代码位置.可是ewebeditor没有这个功能.我就想自己扩展一个按钮上去.找时间看了一下.自己修改好了.拿来给大这有共享方法.有什么不对地方请大家指正:

  ==============工具添加按钮==============

  1.把图片按钮图片(20*20)放到style样式目录下所对应的样式目录里如:blue和gray目录下

  2.修改menu.js文件,根据按钮情况加到相应分组中如 font paragraph中

  3.修改editor.js文件,根据按钮作用不同,设置处理代码

  4.修改相应eWebEditor样式文件.这里主要是添加按钮,这样才能在网页显示出来

  5.修改语言包文件

  ==================修改实例====================

  我要在工具栏时间按钮后插入一个增加分页的按钮.(本例用的是coolblue样式)

  1.我把做好的NextPage.gif放在blue目录下

  2.修改menu.js文件,找到showToolMenu()函数,我想把他归到tools栏里,找到Case "tool"这里,我们在最下面添加下代码:

  sMenu += getMenuRow("", "insert('nextpage')", "nextPage.gif", lang[" NextPage "]); //分页符 自己新增工具按钮

  并修改height变量的值。这个值是这样算的。一个按算20(因为按钮图片大小是20*20的)一个sMenuHr算2 (sMenuHr是分组线)。像下面tool里有8个按钮两个分组线就是 20*8+2*2=164


  注: getMenuRow(参数1,参数2,参数3,参数4)

  参数1:我没有去看。

  参数2:当单击按钮时调用的函数。

  参数3:按钮图片名。

  参数4:移到按钮上的提示信息。这个将在下面说明

  3.修改editor.js文件,这个文件是所以按钮程序所在的文件 我是插入几个字符没有必要自己写一个函数.ewebeditor里有一个写好的函数叫 function insert(what) 找到这个函数 你可在最下面加上一个case分支.最好加在最下这样方便你以后再修改.

  case "nextpage":

  insertHTML("[ NextPage ]");

  break;

 注:insert(参数1)

  参数1:用来表示将入什么。

  如果你是想单击按钮弹出一个模式窗口的话就调用showDialog('eq.htm', true);想调用自己的函数就用 functionName(参数),并把这个数写在editor.js里

  4.修改样式文件(coolblue.js)在这个文件上面我们可以找到showToolbar()函数,在第一句doucment.write里添加按钮找到你要添加的位置[这里每一个按钮都是放在之间的]添加入下代码:

  这样就搞定了。

  5.修改语言包文件我们用的是中文就修改zh-cn.js文件了。基它的语文修改也简单。找开zh-ch.js文件找到//Tool,因为插入日期也在这里。我们添加如下信息:

  lang[" NextPage "] = "插入分页符" //新增功能

电脑技术录入:lcsnow    责任编辑:lcsnow 
  • 上一篇电脑技术:

  • 下一篇电脑技术: 没有了
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    最新热点 最新推荐 相关文章
    没有相关电脑技术
    Copyright @ 2006 天空资源网 All Rights Reserved
    Designed by: lcsnow E-mail: admin#seesky.net
    皖ICP备05005479号