如何在剑道编辑器中提醒选定的文本

Posted 2023-05-09

【中文标题】如何在剑道编辑器中提醒选定的文本

【英文标题】：How to alert a selected text inside kendo editor

【发布时间】：2018-05-27 00:12:29

【问题描述】：

？ 我试过下面的代码

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor();
var editor = $("#editor").data("kendoEditor");
var html = editor.getSelection();
</script>

但它给了我错误：

不能使用“in”运算符在 undefined 中搜索“getSelection”`

那么我的textarea就是

 <textarea id="editor" kendo-editor k-ng-model="html"></textarea>


<script>
    var textarea = $("#editor");
    textarea.kendoEditor( value: "Hello, how are you doing !" );
    var editor = textarea.data("kendoEditor");
    $('#buttonB').click(function () 

        alert(textarea);
        alert(editor.getSelection());
    );
</script>

【问题讨论】：

How to get selected value of Kendo UI Editor content的可能重复

你试过把代码放在$(document).ready函数上吗？

【参考方案1】：

使用我在 Kendo 文档 (https://demos.telerik.com/kendo-ui/editor/events) 中看到的内容，添加分配给由 select 事件触发的函数的 select 属性：

<script>
    var textarea = $("#editor");
    textarea.kendoEditor( 
        value: "Hello, how are you doing !",
        select: onSelect
    );
    var editor = textarea.data("kendoEditor");

    function onSelect() 
        alert(editor.getSelection());
    

    $('#buttonB').click(function () 

        alert(textarea);
        alert(editor.getSelection());
    );
</script>