4

我希望能够textarea使用 Javascript/jQuery 在 xhtml 中创建一种折叠类型。例如,给定以下文本:

ABC [123] DEF

我想[123]减少到[]光标不在它上面的时间 - 即对于光标 |

ABC [] DEF|
AB|C [] DEF
ABC [|123] DEF
ABC [12|3] DEF

当然,我希望大括号内的内容被保留,当项目被折叠时(即当光标退出大括号时),并在它被折叠时恢复(光标进入大括号)。

我非常有义务对此进行思考。

谢谢你。

布赖恩

4

2 回答 2

2

您可能想查看一些用 JavaScript 实现的富文本编辑器。如果您将折叠视为内联样式之类的东西( css display:none; },我相信您可以在它们的语法突出显示中添加一条规则,以使折叠不费吹灰之力。

10 个 jQuery 和非 jQuery RTE

您还可以查看 Mozilla 的 bespin 项目 ( http://mozillalabs.com/bespin/ )。不能发布更多链接,对 SO 没什么新意。

于 2010-08-26T21:30:28.723 回答
0
$(function(){
  //Format on load
  $(".folding").html('[]');

  //Wire up load
  $(".folding").mouseover(function(){
    $(this).html('[' + $(this).attr("original") + ']');
  }).mouseout(function(){
    $(this).html('[]');
  });                   
});


<BODY>ABC <span class="folding" original='123'>[123]</span> DEF</BODY>

这应该适合你。不是最雄辩的,但可以提供理想的结果。

于 2010-08-28T00:03:07.300 回答