Question

我正在使用Ckeditor

查看：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="~/Content/ckeditor/ckeditor.js"></script>


<input id="insertPattern" type="button" value="insert pattern" />

@Html.TextArea("editor", new { @class = "ckeditor", id = "aboutme" })

使用Javascript：

$(function () {

$('input#insertPattern').click(function () {

var txtarea = document.getElementById("aboutme");
var selection = txtarea.getSelection().getStartElement().getOuterHtml();

alert(selection);


}});

如果我点击按钮，我无法在Ckeditor中的Html.TextArea中提示鼠标点击的选择号。

错误：

在javascript代码的这一部分

var selection = txtarea.getSelection().getStartElement().getOuterHtml();

我得到以下错误，

未捕获的typeerror undefined不是函数

我想念的地方？如何选择鼠标点击？

Answer 1

您没有使用编辑器

CKEDITOR.instances["editorID"].getSelection().getStartElement().getOuterHtml();

根据您的评论，您要使用

http://docs.ckeditor.com/#!/api/CKEDITOR.editor-method-insertHtml

Answer 2

最终，您希望在鼠标指向正确的位置插入文本。这段代码就是这样做的。

CKEDITOR.instances['aboutme'].insertText("insert some text into this string");

Javascript Ckeditor获取鼠标点击位置

2 个答案: