标签: caret

Contenteditable - 从插入符号提取文本到元素结尾

在略读所有可能的问题和答案后,我将以这种方式尝试.

我正在编写一个RTE,但没有成功地在一个可信的元素中提取文本.原因是,每个浏览器以稍微不同的方式处理节点和按键(#13)事件(例如,一个创建'br',另一个'div','p'等等.)这一切都是一致的,我正在编写一个跨浏览器编辑器,用e.preventDefault()杀死所有默认操作;

以下场景:

1)用户点击#13键(检查)

2)检测到插入位置(检查)

3)在插入符号的元素之后创建新的p(aragraph)(检查)

4)如果插入符号和元素的结尾之间的文本(节点),提取它(???)

5)将文本(节点)放入新创建的p(aragraph)(检查)

你可以想象,除了第4点,一切都有效.

在众所周知的js rangy库中有类似的功能,正在提取特定的选择.

我需要的是:获取并提取从插入符号到可信段落(p,h1,h2,...)元素末尾的所有文本(当然还有标记,因此是splitBoundaries).

欢迎任何线索,提示或片段!提前致谢.

亲切的问候,p

javascript select extract caret contenteditable

3
推荐指数
1
解决办法
1999
查看次数

Ace Editor 光标在数字索引中的当前位置

是否存在任何函数或逻辑可以计算 ace 编辑器中光标当前位置(插入符号)之前的总字符数?

count caret string-length cursor-position ace-editor

3
推荐指数
1
解决办法
613
查看次数

单击/聚焦时如何在 JFormattedTextField 末尾设置插入符位置?

JFormattedTextField我有带有(s)的框架。我的简化代码如下所示:

JFrame frame = new JFrame();
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setSize(100,100);
frame.setLayout(new GridLayout(2,2));

JFormattedTextField field1 = new JFormattedTextField(NumberFormat.getInstance());
field1.setValue(0.4);
frame.add(new JLabel("value A"));
frame.add(field1);

JFormattedTextField field2 = new JFormattedTextField(NumberFormat.getInstance());
field2.setValue(0.8);
frame.add(new JLabel("value B"));
frame.add(field2);

frame.setVisible(true);
Run Code Online (Sandbox Code Playgroud)

生成:

在此输入图像描述

目标

当我单击/关注任何 JFormattedTextField 时,我希望它自动将插入符号放在末尾

在此输入图像描述 在此输入图像描述

问题

我在打电话之前尝试使用以下解决方案frame.setVisible(true);,但似乎都不起作用

java swing caret jformattedtextfield

3
推荐指数
1
解决办法
1880
查看次数

获取相对于窗口的插入符位置坐标 (x,y)

抽象的

我想获取插入符的窗口位置(以像素为单位)(当用户开始输入时)。

完整故事

有一个多行contentEditable元素,里面有复杂的 HTML 结构。
当用户开始在其中的任何位置键入时,在第一次击键时,我想在absolute插入符号下方放置一个定位元素。新添加的元素必须被注入到标签<body>,而不是作为元素内的 DOM 节点contentEditable

因此我需要插入符的精确全局坐标。我要澄清的是,没有文本选择。
选择在这里无关紧要,甚至不太可能。

我的代码

通常,一个问题应该包括OP已经尝试过并需要帮助的一些代码,但在这种情况下我完全没有想法。inputDOM 事件不公开坐标。我至少会提供我所追求的最终结果:

.info{
  border: 1px solid gold;
  padding: 8px;
  background: rgba(255,255,224, .8);
  position: absolute;
  z-index: 9999;
  max-width: 180px;
}
Run Code Online (Sandbox Code Playgroud)
<h2>contentEditable:</h2>
<div contentEditable>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, 
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
    <strong>Ut enim ad minim …
Run Code Online (Sandbox Code Playgroud)

javascript dom caret

3
推荐指数
1
解决办法
2099
查看次数

contentEditable javascript插入div中的插入符号

我有一个contentEditablediv.

假设用户单击一个将HTML插入可编辑区域的按钮.

因此,他们点击一个按钮,下面添加到innerHTML了的contentEditableDIV:

<div id="outside"><div id="inside"></div></div>
Run Code Online (Sandbox Code Playgroud)

如何自动将光标(即插入符号)放在"内部"div中?更差.如何在IE和FF中工作?

javascript cursor caret contenteditable

2
推荐指数
1
解决办法
3727
查看次数

类型而不是变量之间的插入字符,括号括起来

我正在阅读Apple的文档,我看到了类似的东西(void (^)(void)).有人可以解释这句话的含义吗?^是XOR,对吧?void XOR void对我没有多大意义?

还有类似的东西 (void (^)(BOOL finished))

syntax objective-c caret objective-c-blocks

2
推荐指数
1
解决办法
676
查看次数

获取光标在选择中的位置 - 相对于文档

样品

这是可编辑 div 中的一些文本.这可以跨越多行,段落等等.我想要做的是在这里找到插入符号的相对位置.意思是,相对于div或文档,插入符号位于{top:'5px',left:'250px'}.

我们的想法是提供可选的下拉菜单.这可能是直接的,还是我必须根据div line-height, padding,.. + caret position等方式制定解决方案?

javascript caret

2
推荐指数
1
解决办法
2871
查看次数

在Enter Key上获取JTextArea当前行文本

嗯,这可能是一个小问题,但我无法理解.
当我按下Enter键时,我希望我的程序在当前光标位置显示文本.
这是我目前的代码:

if (evt.getKeyCode() == 10) {
  try {
    int offset=ta.getLineOfOffset(ta.getCaretPosition());
    int start=ta.getLineStartOffset(offset);
    int end=ta.getLineEndOffset(offset);

    System.out.println("ext: "+ta.getText(start, end));

  } catch (BadLocationException ex) {
    System.out.println(ex.getMessage());
  }
}  
Run Code Online (Sandbox Code Playgroud)

它仅在我第一次按下Enter键时起作用,下次按下它时,它会抛出异常"无效位置".
有更好的方法吗?

java swing document caret jtextarea

2
推荐指数
1
解决办法
1952
查看次数

想要在Bootstrap3中更改默认插入符号图标?

我想更改我使用时出现的默认图标

<b class="caret"></b>
Run Code Online (Sandbox Code Playgroud)

我想用一些FontAwesome图标替换它.怎么做?

icons caret twitter-bootstrap

2
推荐指数
1
解决办法
2138
查看次数

Bootstrap 4插入符号在打开菜单后的方向更改

我是Bootstrap 4的新手,我有一个带有下拉菜单的导航菜单。它具有指向下方的标准Bootstrap插入标记,该标记会自动添加。

现在,我想在打开导航项的下拉菜单后将方向更改为“向上”。我已经搜索了整个互联网,甚至更多,但是如果不使用真棒字体或变通方法,就找不到适用于Bootstrap 4的可行解决方案。

这是菜单的HTML代码(工作正常),包括下拉菜单项(项目2):

<nav class="navbar navbar-expand-sm navbar-light">
  <a class="navbar-brand" href="#"><img src="img/logo.svg" width="80" height="80" alt="Logo"></a>
  <button type="button" class="navbar-toggler" data-toggle="collapse" data-target=".navbar-collapse">
    <span class="sr-only"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
  </button>
  <div class="collapse navbar-collapse">
    <div class="navbar-nav">
      <a class="nav-item nav-link active" href="#">Item 1<span class="sr-only">(current)</span></a>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="" data-toggle="dropdown">Item 2</a>
        <div class="dropdown-menu">
          <a class="dropdown-item" href="#">Item 2.1</a>
          <a class="dropdown-item" href="#">Item 2.2</a>
          <a class="dropdown-item" href="#">Item 2.3</a>
        <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="#">Item 2.4</a>
        </div>
      </li>
      <a class="nav-item nav-link" href="#">Item 3</a>
      <a …
Run Code Online (Sandbox Code Playgroud)

css jquery caret twitter-bootstrap bootstrap-4

2
推荐指数
1
解决办法
2265
查看次数