30/09/2018, 17:06
[jquery] focus con trỏ chuột vào wysiwyg editor?
mình có viết đoạn editor sau:
HTML :
<div class="wysiwyg-editor">
<div class="wysiwyg-controls">
<a href='#' data-role='bold'>B</a>
<a href='#' data-role='italic'>I</a>
<a href='#' data-role='underline'>U</a>
<a href='#' data-role='justifyleft'><i class="menu-left"></i></a>
<a href='#' data-role='justifycenter'><i class="menu-center"></i></a>
<a href='#' data-role='justifyright'><i class="menu-right"></i></a>
<a href='#' class="latext" data-role='latext'>Latext</a>
</div>
JQuery :
$('.wysiwyg-controls a').on('click', function(e) {
e.preventDefault();
document.execCommand($(this).data('role'), false);
});
$('a.latext').click(function(event) {
var text = $('.wysiwyg-content').html();
//alert(text);
text = text+ '@@ /code latext / @@';
$('.wysiwyg-content').html(text);
});
mình viết sự kiện khi click vào nút latext thì chèn đoạn “@@/code latext/@@” vào editor , mình muốn đồng thời focus con trỏ vào giữa 2 dấu @@ nhưng không biết làm sao ?
Bài liên quan
