Наверное тема по адресу! Итак начал внедрять wisiwyg себе на сайт, но что то как то не очень хочет работать он. Вообщем сделал по правилам, но вот зараза не хочет работать! Открывается обычное textarea | Код |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<meta name="author" content="Admin" />
<!--Здесь подключаю скрипт wisiwyg'a-->
<script type="text/javascript" src="js/jquery.cleditor.min.js"></script>
<!--Здесь подключаю скрипт библиотеку jquery-->
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<!--Здесь подключаю скрипт css для wisiwyg'a-->
<link rel="stylesheet" type="text/css" href="js/jquery.cleditor.css" />
<title>Добавить пункт меню</title>
<script type="text/javascript">
function checkNULL()
{
if(document.forms.add_item.title_item.value == "")
{
document.getElementById('title_null').innerHTML = "Заполните название";
document.getElementById('title_null').style.color = "red";
document.forms.add_item.title_item.focus();
document.forms.add_item.title_item.borderColor = "red";
return false;
}
else if(document.forms.add_item.link_item.value == "")
{
document.getElementById('url_null').innerHTML = "Заполните ссылку";
document.getElementById('url_null').style.color = "red";
document.forms.add_item.link_item.focus();
document.forms.add_item.link_item.borderColor = "red";
return false;
}
else
{
document.getElementById('title_null').innerHTML = "";
document.forms.add_item.title_item.borderColor = "";
document.getElementById('url_null').innerHTML = "";
document.forms.add_item.link_item.borderColor = "";
confirm("Добавить элемент меню?");
}
}
</script>
<!--Задаю ширину, высоту и шрифт для wisiwyga-->
<script type="text/javascript">
$(document).ready(function()
{
$('#message').cleditor({
width: 750,
height: 560,
fonts: "Arial";})[0];
});
</script>
</head>
<body>
<div style="width: 800px; margin: auto;">
<img src="img/logo_kaplya.png"/>
<table border="1">
<form name="add_item" action="" method="get">
<tr>
<td></td>
<td id="title_null">
</td>
</tr>
<tr>
<td>Название:</td><td><input name="title_item" size="30px" type="text" value="<?=$title;?>"/></td>
</tr>
<tr>
<td></td>
<td id="url_null"></td>
</tr>
<tr>
<td>Ссылка:</td><td><input name="link_item" size="30px" type="text" value="<?=$link;?>"/></td>
</tr>
<tr>
<td>Родитель:</td>
<td><select name="parent_item">
<?
$menu=get_menu();
?>
<option value="none">none</option>
<? foreach($menu as $link_item):
if($link_item['url'] == $parent)
{?>
<option value="<?=$link_item['url'];?>" selected="selected"><?=$link_item['url'];?></option>
<? }
else
{?>
<option value="<?=$link_item['url'];?>"><?=$link_item['url'];?></option>
<? }
endforeach;?>
</select></td>
</tr>
<tr>
<td colspan="2">
<!--Собственно вывожу wisiwyg-->
<textarea name="message" id="message"></textarea>
</td>
</tr>
<tr>
<td></td>
<td align="right"><input name="add_item" type="submit" value="Добавить" onclick="return checkNULL();"/></td>
</tr>
</form>
</table>
</div>
</body>
</html>
|
|
wisiwyg 
Загрузка ...
