2

我正在尝试在 HTML 页面中创建一个（纯文本）编辑器。

我希望用户能够在编辑器内的任何地方创建节和小节标题。这些标题具有预定义的 CSS 和智能功能，例如控制部分展开/折叠或拖放部分移动的能力。

到目前为止，我已经创建了一个树状结构，其中包含多组部分标题，然后是文本区域。每个文本区域都包含上述（子）部分的文本。因此，有很多文本区域..

<div id="tree">
    <!-- tree root -->
    <div class="layoutitem"> <!-- a layoutitem groups an item (=tree or leaf) and some tools -->
      <div class="itemgroup">
        <div class="title">
          [<span class="data">My Document Title</span>]
          <a>title functions:</a>
          <a href="#" class="someTool">tools here</a>
        </div>
          <!-- this is a tree itemgroup -->
        <div class="tree">
          <!-- tree root -->
          <div class="layoutitem"> <!-- a layoutitem groups an item (=tree or leaf) and some    tools -->
            <div class="itemgroup">
              <div class="title">
                <span class="titledata">Summary</span>
                <a>title functions:</a>
                <a href="#" class="someTool">tools here</a>
              </div>
               <!-- this is a leaf with a text value -->
              <div class="text">
                <div>
                  <textarea class="textdata">here is some text.</textarea>
                </div>
                <div>
                  <a href="#" class="someTool">tools here</a>
                </div>
              </div>
            </div>
...

用 JS 丰富它给了我我需要的功能，

除了：我无法弄清楚如何做到这一点，以便用户可以跨多个文本区域选择文本。这非常重要，因为就像在“普通”编辑器中一样，应该可以跨节标题边界选择文本片段。

我没主意了。

  • 有没有办法让我的标题和文本区域集合全面可选？
  • 或者，我在这里没有看到简单的选项吗？我应该更好地使用基于 JS 的编辑器并以某种方式将这些部分添加为“特殊浮动元素”吗？这有多难？

如果该解决方案不适用于“旧”浏览器，我很好，需要像 jquery 或其他这样的框架。我只是希望任何能引导我进入一个好的方向的指针！

4

0 回答 0