Skip to Content

本站增加了BUEditor以方便bbcode编辑

labrador 的头像
本站使用bbcode作为默认的排版语言,虽然它并不复杂,要比HTML简单很多,但是指望每一个人都能熟练使用也不现实。为了寻找我要的功能,我都还经常去看bbcode的源代码。为了方便各位使用者,要么使用自动插入bbcode标签的模块,比如quicktags,要么使用所见即所得的模块,比如tinymce。但quicktags项目似乎半死不活,不能支持Drupal 6.x,WYSIWYG的模块似乎总是和我用的opera过不去。所以我一直都是直接手写bbcode。

今天sasaqqdan提到BUEditor可以提供类似quicktags的功能,我把它装在了这个网站上试了试,确实不错。相对来说它对HTML的支持要强一点,bbcode也能支持,不过功能似乎很弱,比如缺少HTML方式中增加标题标签的功能。我折腾了半天,把HTML的标题标签功能移植到了bbcode上,虽然不算很优雅,不过凑合也能用用。

以下是插入标题的那一小段代码,需要注意的是,其中[h1][/h1]等标签中被加入了一个空格,这是为了让bbcode能“正确”显示这个程序,实际使用的时候请去掉多余的空格。
  1. js:   
  2. function myTagChooser(tags) {  
  3.   var content = '';  
  4.   for (var i in tags) {  
  5.     content += eDefHTML('li''<a href="javascript:void(0)" class="choice" onclick="myClickChoice(\''+tags[i][0]+'\', \''+tags[i][1]+'\')">'+tags[i][2]+'</a>') +'\n';  
  6.   }  
  7.   BUE.quickPop.open(eDefHTML('ul', content, {'class''chooser'}), 'slideDown');  
  8. }  
  9.   
  10. myClickChoice = function(tag0, tag1) {  
  11.   var E = BUE.active;  
  12.   E.tagSelection(tag0,tag1);  
  13.   E.focus();  
  14. }  
  15.   
  16. myTagChooser([  
  17.  ['[h1 ]''[/h1 ]''<h1 class="bb-heading">标题1</h1>'],  
  18.  ['[h2 ]''[/h2 ]''<h2 class="bb-heading">标题2</h2>'],  
  19.  ['[h3 ]''[/h3 ]''<h3 class="bb-heading">标题3</h3>'],  
  20.  ['[h4 ]''[/h4 ]''<h4 class="bb-heading">标题4</h4>'],  
  21. ]);  
#19
sasaqqdan 的头像
很不错哦。这里有两个“垃圾”头像哦!!!
#20
labrador 的头像
谢谢你提供的有关BUEditor的信息。
#5864
适合什么语言?我是BBSXP,能用吗?希望写东西不要只是给圈内朋友看,好不好,老大。

发表新评论

  • 你可以在文本中使用BBCode标记语言。 URL会自动被转为链接。

更多关於格式化选项的信息

CAPTCHA
请验证您是否是机器人。
Image CAPTCHA
Enter the characters shown in the image.