【网页插件】UBB文本框按钮

@Ta 2022-03-27发布,2022-06-17修改 28592点击

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

图片.png

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

导入网页插件:ubb文本框按钮(当前用户:3,总安装次数:5)
<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>
回复列表(17|隐藏机器人聊天)
  • @Ta / 2022-03-27 / /

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

  • @Ta / 2022-03-27 / /
    ... . . . 其实还有不完美,就是第一页文字不格式化
  • @Ta / 2022-03-27 / /
    ... . . . 其实还有不完美,就是第一页文字不格式化
  • @Ta / 2022-03-27 / /

    @-,更“完美”的文本框:

    [text=height: 100px; width: 300px; overflow:hidden; background: #eee; padding: 5px][/text]
    
  • @Ta / 2022-03-27 / /

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

    没有的话,字可以超出文本框。没有的话,字可以超出文本框。没有的话,字可以超出文本框。没有的话,字可以超出文本框。没有的话,字可以超出文本框。没有的话,字可以超出文本框。没有的话,字可以超出文本框。没有的话,字可以超出文本框。没有的话,字可以超出文本框。没有的话,字可以超出文本框。没有的话,字可以超出文本框。没有的话,字可以超出文本框。没有的话,字可以超出文本框。
  • @Ta / 2022-03-27 / /

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

  • @Ta / 2022-03-27 / /

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

    自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号 自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号 自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号 自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号 自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号
  • @Ta / 2022-03-27 / /

    @-,对

  • @Ta / 2022-03-27 / /
    自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号 自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号 自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号 自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号 自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号
  • @Ta / 2022-03-27 / /

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

    其中-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]
    
  • @Ta / 2022-03-27 / /

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

    自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号 自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号 自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号 自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号 自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号自动省略号

    并不能。

    图片.png

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

    图片.png

  • @Ta / 2022-03-27 / /
    <!--iframe文本框按钮-->
    <script>
    $(function () {
      var txtBoxBtn = document.createElement('input');
      txtBoxBtn.style.marginLeft = '4px';
      txtBoxBtn.type = 'button';
      txtBoxBtn.value = '文本框';
      txtBoxBtn.onclick = function () {
        insertText(document.getElementById('content'), '
    ');
      }
      $("#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>
  • @Ta / 2022-03-28 / /
    兜兜风
  • @Ta / 2022-03-28 / /
    😂啦啦啦啦
  • @Ta / 2022-03-28 / /
    没看懂这是做什么的
  • @Ta / 2022-03-29 / /

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

  • @Ta / 2022-03-29 / /

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

添加新回复
回复需要登录