MooTools WYSIWYG Editor: MooEditable

Đăng bởi Neo trong mục Hướng dẫn vào 28 tháng 12, 2009 | Comments

MooEditable là plugin của MooTools giúp thêm bộ editor vào trường textarea.

MooEditable có giao diện khá đẹp mắt và cung cấp các công cụ cơ bản như text formatting, lists, thêm images/links & undo/redo.

Bạn cũng có thể dễ dàng chuyển đổi giữa editor và HTML code.

Cách sử dụng

Tất cả những gì bạn cần là thêm code Mootools, MooEditable vào đầu trang web và khai báo textarea nào sẽ là editor

<script  type="text/javascript" src="mootools-yui-compressed.js"></script>
<script  type="text/javascript" src="MooEditable.js"></script>
<script type="text/javascript">  	
    window.addEvent('domready', function(){
    	$('textarea-1').mooEditable();
    });  
</script>  

Và mã HTML

<textarea class="mooeditable" id="textarea-1" name="editable1">  
</textarea>

Nếu bạn muốn biết kỹ hơn và tùy biến để sử dụng, bạn có thể xem document.

Bạn có thích bài viết này?

Neo's picture

Neo

Nhìn mặt trời từ năm 1984 nhưng tới tận 2002 mới được thấy cái máy tính đầu tiên của mình. Đầu năm 2007 thì quyết định theo cái nghề cao quý là thiết kế web Big Grin. Hiện mình đang sống tại Hà Nội. Sở thích: làm website và giúp đỡ mọi người phát triển website theo chiều hướng tốt đẹp hơn.

Trang chủ - Twitter