jQuery WYSIWYG редактор — jwysiwyg

wysiwygНовый WYSIWYG редактор для Jquery выполнен вкачестве плагина — WYSIWYG jQuery Plugin. Это альтернатива WYMeditor с гораздо меньшими возможностями. Основным достоинством является ебольшой размер файла менее 26Кб. Концепция редактора заключается в том, чтобы сохранить его простым. Есть возможность настраивать панель инструментов.  Скачать последнюю версию можно тут. Ниже привожу пример кода:

<script src="jquery.js" type="text/javascript"></script><script src="jquery.wysiwyg.js" type="text/javascript"></script>
<script type="text/javascript"><!--
$(document).ready(function(){
$("#textareaMin").wysiwyg();
$("#textareaFull").css("width", "700px").wysiwyg({
controls : {
bold : { visible : true, tags : ["b", "strong"], css : { fontWeight : "bold" } },
italic : { visible : true, tags : ["i", "em"], css : { fontStyle : "italic" } },
strikeThrough : { visible : true },
underline : { visible : true },
separator00 : { visible : true },
justifyLeft : { visible : true },
justifyCenter : { visible : true },
justifyRight : { visible : true},
justifyFull : { visible : true },
separator01 : { visible : true},
indent : { visible : true },
outdent : { visible : true },
separator02 : { visible : true },
subscript : { visible : true },
superscript : { visible : true},
separator03 : { visible : true },
undo : { visible : true },
redo : { visible : true },
separator04 : { visible : true },
insertOrderedList : { visible : true },
insertUnorderedList : { visible : true },
insertHorizontalRule : { visible : true },
separator06 : { separator : true },
separator07 : { visible : true},
cut : { visible : false },
copy : { visible : false},
paste : { visible : false },
html : {visible : true}
}
});
});
// --></script>
<h1>Минимальный</h1>
<textarea id="textareaMin" cols="50" rows="2"></textarea>
<h1>Максимальный</h1>
<textarea id="textareaFull" cols="50" rows="2"></textarea>

  • Ubejsobakin

    познавательно, спасибо.

Запись навигация

Top