搜索一个简单的jQuery BB代码插件

时间:2010-06-28 17:02:49

标签: jquery plugins textarea bbcode

我正在寻找一个jQuery插件或函数来在选定的textarea中插入bb代码 - 仅此而已。我找到了像http://markitup.jaysalvat.com/downloads/这样的插件,但是他们添加的是我的项目的超大尺寸。

我想要的是在jQuery中实现的以下功能:

document.getElementById("bold_button").onclick = function() {
   format("[b]", "[/b]");
}


function format(aTag, eTag) {
 var input = document.getElementById('t_antwort'); 
 input.focus();

 if(typeof document.selection != 'undefined') {
  var range = document.selection.createRange();
  var insText = range.text;
  range.text = aTag + insText + eTag;
  /* Anpassen der Cursorposition */
  range = document.selection.createRange();
  if (insText.length == 0) {
    range.move('character', -eTag.length);
  } else {
    range.moveStart('character', aTag.length + insText.length + eTag.length);      
  }
  range.select();
   }
   /* für neuere auf Gecko basierende Browser */
   else if(typeof input.selectionStart != 'undefined')
   {
  /* Einfügen des Formatierungscodes */
  var start = input.selectionStart;
  var end = input.selectionEnd;
  var insText = input.value.substring(start, end);
  input.value = input.value.substr(0, start) + aTag + insText + eTag + input.value.substr(end);
  /* Anpassen der Cursorposition */
  var pos;
  if (insText.length == 0) {
    pos = start + aTag.length;
  } else {
    pos = start + aTag.length + insText.length + eTag.length;
  }
  input.selectionStart = pos;
  input.selectionEnd = pos;
   }
   /* für die übrigen Browser */
   else
   {
  input.innerHTML += aTag;
   }

}

你知道这样的插件或功能吗?

1 个答案:

答案 0 :(得分:0)

This script已经很老了,但它仍然在许多网站中使用过(虽然我不知道该对谁有特别的赞誉)。您需要simpletag功能。

这样的事情应该有效:

<input type='button' value='B' onclick='simpletag("B");' name='B' />