8 нояб. 2009 г.

TinyMCE - удобный Javascript редактор HTML кода

TinyMCE - удобный Javascript редактор HTML кода.
Просто настроить, удобно использовать.

Пример инициализации:

<script type="text/javascript" src="js/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced",
force_p_newlines : false,
force_br_newlines : true,
theme_advanced_buttons1 : "cleanup,bold,italic,underline,separator,strikethrough, justifyleft,justifycenter,justifyright,justifyfull,bullist,numlist,undo, redo,link,unlink,outdent,indent,fontselect,fontsizeselect, forecolor,backcolor,removeformat",
theme_advanced_buttons2 : "",
theme_advanced_buttons3 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom"
});
function toggleEditor(id) {
if (!tinyMCE.get(id)) {
tinyMCE.execCommand('mceAddControl', false, id);
} else {
tinyMCE.execCommand('mceRemoveControl', false, id);
}
}
</script>
<a href="javascript:toggleEditor('имя формы в которую нужно встроить редактор');">HTML код/Режим разметки</a>


Получилось вот так:


Комментариев нет: