MooTools WYSIWYG Editor: MooEditable
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.