Question

我正在使用 Kendo UI - 编辑器。

如果我点击Show Message链接，＆＃34; 点击成功！＆＃34;消息应出现在编辑器

中

我想在编辑器中显示自定义文本，点击＆＃34; 显示消息＆＃34;链路...

请帮助!!!

＆＃13;

$(document).ready(function(){
  $(".importeditor").kendoEditor({
    tools: [
      "bold",
      {
        name: "custom",
        myText: "Show Message",
        template: $("#toolTemplate").html()
      },
    ]
  });
});

jQuery('#ClickMe').on('click', function () {
  jQuery(".importeditor").data('kendoEditor').val('Click Success!');
});

＆＃13;

<link rel="stylesheet" href="//kendo.cdn.telerik.com/2015.3.1111/styles/kendo.common-material.min.css" />
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2015.3.1111/styles/kendo.material.min.css" />

<script src="//kendo.cdn.telerik.com/2015.3.1111/js/jquery.min.js"></script>
<script src="//kendo.cdn.telerik.com/2015.3.1111/js/kendo.all.min.js"></script>
<script src="//kendo.cdn.telerik.com/2015.3.1111/js/kendo.timezones.min.js"></script>

<div class="textedit1">
  <textarea rows="10" cols="45" name="textarea" class="txtarea importeditor"></textarea>
</div>

<script id="toolTemplate" type="text/x-kendo-template">
    <a href="\#" id="ClickMe">#= myText #</a>
</script>

＆＃13;

Answer 1

使用value method IE

  jQuery(".importeditor").data('kendoEditor').value('Click Success!');

此外，您可能需要修复标签

中的href

<a href="\#" id="ClickMe">#= myText #</a>

Kendo UI（编辑） - 点击链接，插入HTML

1 个答案: