Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/406.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在光标的最后位置使用jQuery插入HTML_Javascript_Jquery - Fatal编程技术网

Javascript 在光标的最后位置使用jQuery插入HTML

Javascript 在光标的最后位置使用jQuery插入HTML,javascript,jquery,Javascript,Jquery,我有一个论坛,这是由我的CMS生成的。我无法控制这段代码。在这段代码中,我需要插入HTML。我读过其他类似的帖子,但都涉及到在表单上使用。我的代码有点不同 以下是生成的代码: <iframe id="re_contentIframe"> <html> <body> </body> </html> </iframe> 编辑 我的CMS为论坛帖子生成代码。渲染时,其显示如下: 有我名字的部分是我可以编辑和输入的

我有一个论坛,这是由我的CMS生成的。我无法控制这段代码。在这段代码中,我需要插入HTML。我读过其他类似的帖子,但都涉及到在表单上使用
。我的代码有点不同

以下是生成的代码:

<iframe id="re_contentIframe">
 <html>
  <body>

  </body>
 </html>
</iframe>
编辑

我的CMS为论坛帖子生成代码。渲染时,其显示如下:

有我名字的部分是我可以编辑和输入的区域。我可以键入的区域由我的CMS生成,如下所示:

<iframe id="re_contentIframe">
 <html>
  <body>
   Lynda =>
  </body>
 </html>
</iframe>

琳达=>
当我键入HTML时,将更改为:

<iframe id="re_contentIframe">
 <html>
  <body>
   <p>What I type is wrapped in <p> tags by the forum code.</p>
   <p>New Paragraph and so on...</p>
   Lynda =>
  </body>
 </html>
</iframe>

我键入的内容由论坛代码包装在标记中

新段落等等

琳达=>

我需要做的是,在光标位于iFrame主体的最后一个位置,我需要插入由JS函数触发的操作的代码

检查这个fiddle@dholakiyaankit-我看到了,但让我困惑的是使用了
文本区域,而我没有。使用
内容编辑
不是更容易吗?“光标”的意思是“鼠标光标”(因为不可编辑区域通常没有文本插入插入符号),对吗?这似乎是一种奇怪的行为。@DaggNabbit-是的,我指的是鼠标光标。我不控制CMS使用的代码,我假设我不能使用
contenteditable
我不理解你所说的“不控制代码”是什么意思。你必须控制一些代码,否则这个问题就没有意义了,对吗?你能澄清一下你到底在做什么和不控制什么吗?
[Find Cursor Position] function() {
  //My code to insert HTML
});
<iframe id="re_contentIframe">
 <html>
  <body>
   Lynda =>
  </body>
 </html>
</iframe>
<iframe id="re_contentIframe">
 <html>
  <body>
   <p>What I type is wrapped in <p> tags by the forum code.</p>
   <p>New Paragraph and so on...</p>
   Lynda =>
  </body>
 </html>
</iframe>