如何使用 jquery 在 textarea tinymce 中插入文本内联文本？

Posted 2023-05-09

【中文标题】如何使用 jquery 在 textarea tinymce 中插入文本内联文本？

【英文标题】：How to insert text inline of text inside textarea tinymce using jquery?

【发布时间】：2013-07-20 19:33:08

【问题描述】：

假设我在 textarea 中写入一些文本，并且我想插入一些文本内联、内联文本，实际上是内联文本“NOT BEFORE”和“NOT IN LAST”的任何地方。

已经使用 jquery().append() 类型的方法。

请注意，我没有要替换的字符串。我实际上想在光标放置的文本的空白行内插入新文本，而不影响其余的文本格式。

现在我正在使用 jquery 函数并使用按钮单击来调用它，我正在使用的函数是针对 tinymce 的，但它会在最后插入文本，或者我们可以在前面放置。但是如何在文本内的某处内联呢？

function insertelement(sometext)
               tinyMCE.activeEditor.setContent(tinyMCE.get('content').getContent()+sometext);

我希望你有这个问题。

【问题讨论】：

要更改 textarea 中的文本，您必须将其值替换为新值。要实现您的目标，只需将 textarea 的当前值保存在变量中并在末尾添加新文本并替换为 current 。光标位置也一样

没有办法在光标位置的空白处插入吗？

我明白了，伙计们。它只是 tinyMCE.execInstanceCommand('content',"mceInsertContent",false,'要插入的文本');

【参考方案1】：

我建议你直接更改编辑器 iframe 内容。

要访问编辑器正文，您可以致电tinymce.activeEditor.getBody()

现在，您只需找到要应用新内容的位置并将其添加到那里（即使用 jQuery）：

var $body = $(tinymce.activeEditor.getBody());
$body.find('p:last').append($('<span>text blah blah</span>'))

【讨论】：

在阅读有关此的大约 30 个问题时，这是正确的答案。谢谢！