2015-12-15 2 views
0

Я использую Kendo UI - Editor.Kendo UI (Редактор) - Вкл. Ссылку, Вставить HTML-код

Если я нажимаю на Show Message ссылку, "Нажмите Success!" должно появиться сообщение внутри редактора

Я хочу показать Пользовательский текст внутри редактора при нажатии на "Show Message" ссылка ...

Pleae Help !!!

$(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!'); 
 
});
<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>

ответ

1

Используйте value method IE

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

Кроме того, вы можете исправить HREF в теге

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

** @ Ленивый Coder ** .. уже пробовал с No Luck :(.. Спасибо за Typo хотя – Reddy

+0

hmm работает здесь https://jsfiddle.net/sjmn8dew/, может быть, я не понимаю вопроса? –

+0

Спасибо ** @ Lazy Coder ** .. в скрипке он отлично работает ... но где, как в моем приложении, он выдает сообщение об ошибке 'Uncaught TypeError: Не могу прочитать значение свойства' undefined ' – Reddy

Смежные вопросы