@#24332 说想要一个添加文本框的快捷方式，所以我做了这个网页插件。

使用方法：点击下方的“导入网页插件”按钮，输入yes再点确定即可。

<script>
$(function () {
  var txtBoxBtn = document.createElement('input');
  txtBoxBtn.style.marginLeft = '4px';
  txtBoxBtn.type = 'button';
  txtBoxBtn.value = '文本框';
  txtBoxBtn.onclick = function () {
    insertText(document.getElementById('content'), '[text=height: 100px; width: 300px; overflow:hidden; background: #eee; padding: 5px][/text]');
  }
  $("#ubbHelp").before(txtBoxBtn);

  function insertText(obj, str) {
    if (document.selection) {
      var sel = document.selection.createRange();
      sel.text = str;
    } else if (typeof obj.selectionStart === 'number' && typeof obj.selectionEnd === 'number') {
      var startPos = obj.selectionStart,
        endPos = obj.selectionEnd,
        cursorPos = startPos,
        tmpStr = obj.value;
      obj.value = tmpStr.substring(0, startPos) + str + tmpStr.substring(endPos, tmpStr.length);
      cursorPos += str.length;
      obj.selectionStart = obj.selectionEnd = cursorPos;
    } else {
      obj.value += str;
    }
  }
});
</script>

@#24332，那毕竟是html代码，不是文本框。html代码的规则是所有空白都等于一个空格。

@-，更“完美”的文本框：

[text=height: 100px; width: 300px; overflow:hidden; background: #eee; padding: 5px][/text]

@-，没有的话，字可以超出文本框。

@-，还是建议设置上，默认的overflow不是hidden，极少数情况下可能会超出边界。

@-，text-overflow:ellipsis; white-space:nowrap; overflow:hidden;

@-，对

@-，成功了，而且对火狐也有效

其中-webkit-line-clamp: 3是显示的行数。

[text=display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; height: 70px; border: 1px solid red]自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号
自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号
自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号
自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号
自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号
[/text]

试试看-webkit-前缀能不能删掉。

并不能。

火狐主动识别了-webkit-前缀

@-，嗯你说的对，我修改一下。

@-，修改好了，现在不会出现特殊空格了。