增强你的wordpress文章编辑器

本帖由 juse2008-09-19 发布。版面名称:WordPress 综合交流

  1. juse

    juse 普通会员

    原文地址:http://wordpress.org.cn/thread-5587-1-1.html
    最近安装了几个插件,一个是coolcode,一个是nazdrave-mp3。可是每次编辑各种代码和添加mp3的时候总是要手动输入标签代码,例如[mp3][/mp3]这样。尤其对于coolcode来说,是否显示行号,是否有下载链接等都需要输入相关参数,呵呵,对于我这个懒人来说,每次都输入这些标签真是闲麻烦,于是想到一个方法,手动加入这些个标签按钮到WordPress文本编辑器中。

    修改方法:
    1.打开wp-includes/js/quicktags.js文件。
    2.你会发现wordpress文本编辑器里面的按钮代码都在里面了,例如文字加粗的按钮“b”的代码
    代码:
    edButtons[edButtons.length] = 
    new edButton('ed_strong' 
    ,'b' 
    ,'[B]' 
    ,'[/B]' 
    ,'b' 
    );
    3.依样画葫芦,复制一段上面的代码,粘贴,做相应的修改,就那我加入的coolcode为例
    HTML:
    //----- Start coolcode ----- 
    edButtons[edButtons.length] = 
    new edButton('ed_coolcode' 
    ,'coolcode' 
    ,'' 
    ,'' 
    ,'' 
    ); 
    //----- End coolcode -----
    coolcode的几个参数,我设置它默认是,程序设计语言=空(根据实际情况填写),下载=空(根据实际情况填写),行号=显示。
    加好上面的js代码后,进入后台,打开文章编辑器你就会看见编辑器中多出了个按钮。哈哈,大功告成咯,以后只要输入程序设计语言代码,全选程序设计语言代码,点击一下编辑器上的coolcode按钮,看看,coolcode的开始和结束标签和相关参数就自动加上了,至于你的程序设计语言是什么,是否需要下载,是否显示行号等只要输入简单的几个字母搞定。

    coolcode的按钮加好了。同理,关于mp3,或者其他类似的插件用这个方法都能添加到文本编辑器中,以后写博的时候会很方便的。呵呵,看看效果图吧:
     

    附件文件:

    已获得 skynamexavieraa201077另外 6 人的点赞。
  2. juse

    juse 普通会员

    我的代码,跟大家分享一下~~~
    浏览附件2514

    代码:
    //----- Start coolcode ----- 
    edButtons[edButtons.length] = 
    new edButton('ed_coolcode' 
    ,'coolcode' 
    ,'' 
    ,'' 
    ,'' 
    ); 
    //----- End coolcode -----
    //-----------JUSE------------
    edButtons[edButtons.length] = 
    new edButton('ed_block'
    ,'emule_code'
    ,''
    ,'
    '
    ,''
    );
    edButtons[edButtons.length] = 
    new edButton('ed_block'
    ,'DIV蓝色'
    ,''
    ,'
    '
    ,''
    );
    edButtons[edButtons.length] = 
    new edButton('ed_block'
    ,'DIV黄色'
    ,''
    ,'
    '
    ,''
    );
    edButtons[edButtons.length] = 
    new edButton('ed_block'
    ,'DIV绿色'
    ,''
    ,'
    '
    ,''
    );
    edButtons[edButtons.length] = 
    new edButton('ed_block'
    ,'DIV灰色'
    ,''
    ,'
    '
    ,''
    );
    edButtons[edButtons.length] = 
    new edButton('ed_strong'
    ,'红色粗体'
    ,''
    ,''
    ,''
    );
    
    edButtons[edButtons.length] = 
    new edButton('ed_strong'
    ,'蓝色粗体'
    ,''
    ,''
    ,''
    );
    
    edButtons[edButtons.length] = 
    new edButton('ed_strong'
    ,'绿色粗体'
    ,''
    ,''
    ,''
    );
    
    edButtons[edButtons.length] =
    new edButton('ed_page'
    ,'page'
    ,''
    ,''
    ,'t'
    ,-1
    );
    
    edButtons[edButtons.length] =
    new edButton('ed_page'
    ,'nextpage'
    ,''
    ,''
    ,'t'
    ,-1
    );
    
    edButtons[edButtons.length] = 
    new edButton('ed_p' 
    ,'段落' 
    ,'' 
    ,'
    ' 
    ,'' 
    ); 
    
    edButtons[edButtons.length] =
    new edButton('ed_page'
    ,'相册列表显示'
    ,'[gallery=相册ID]'
    ,''
    ,'t'
    ,-1
    );
    
    edButtons[edButtons.length] =
    new edButton('ed_page'
    ,'相册Falsh显示'
    ,'[slideshow=相册id,宽,高]'
    ,''
    ,'t'
    ,-1
    );
    
    //-----------JUSE------------
     

    附件文件:

    已获得 morstar 的点赞。
  3. shunzi001

    shunzi001 Guest

    不错....非常感谢....
    为懒人提供很多方便....
     
  4. onlychines

    onlychines 正式会员

    楼主强人,pfpf!
    偶要学习提高。。。
     
    已获得 bigboy 的点赞。
  5. ieiavj

    ieiavj 正式会员

    虽然早就用上了,但非常的感谢啊!
     
    已获得 bigboy 的点赞。
  6. bigboy

    bigboy 封禁用户

    Even as you have it...the 3rd point is usefull
     
    已获得 knuckle 的点赞。
  7. morstar

    morstar 普通会员

    原来还可以这样改,不错,这个用得着,谢谢楼主。
     
  8. garbage

    garbage Ziy VIP

    现在的wp的编辑器也ok,或者用插件增加也行
     
  9. babuci

    babuci 正式会员

    谢谢 才加入wp 呵呵
     
    已获得 xavier 的点赞。
  10. chinaren

    chinaren 封禁用户

    学习了一啊
     
  11. skyname

    skyname 正式会员

    很不错,比用插件简便
     
  12. marktoffer

    marktoffer 普通会员

    cool.
     
    已获得 phpfoxer 的点赞。
  13. aura327

    aura327 普通会员

    楼主是强人啊,学习了一招
     
  14. febern

    febern 普通会员

    ??????:teeth brushing :
     
  15. susogeliy

    susogeliy 普通会员

    Thank you
     
  16. ibolee

    ibolee 普通会员

    感谢分享~
     
正在加载...