| |
|
|
| | Я узнал что есть такая штука, как хтмл-редактор на сайте, через который юзер может добавлять контент на сайт в хтмл-коде не зная его. Как его сделать или где то может уже есть готовый, не тяжелый и грамотный?
Кто нить работал с такой штукой? | |
| |
|
|
| |
|
|
| |
для: dfmb
(05.11.2006 в 15:16)
| | | это называется визуальный редактор. http://www.fckeditor.net/demo | |
| |
|
|
| |
|
|
| |
для: AlexSol
(05.11.2006 в 15:53)
| | | Да, хороший редактор. Правда, для новичков слишком трудно его установить на сайт к себе. Я парился, не смотря на то, что немного понимаю JS.. Но разобрался вроде.
А редактор действительно мощный. Часто даже требуется убрать из его меню некоторые кнопки, чему тоже надо научиться еще. Но зато если освоить - то довольно удобно. | |
| |
|
|
| |
|
|
| |
для: dfmb
(05.11.2006 в 15:16)
| | |
<html>
<head>
<title>Визуальный редактор</title>
</head>
<body bgcolor=#C1E3E6>
<div>
<table cellpadding=0 cellspacing=0 width=100%>
<tr>
<td height=26 background="./images/teditor/bgimage.jpg">
<img src="./images/teditor/bold.jpg" onClick="'."EditorExecCommand('Bold');".'" title="Жирный">
<img src="./images/teditor/italic.jpg" onClick="'."EditorExecCommand('Italic')".';" title="Курсив">
<img src="./images/teditor/underline.jpg" onClick="'."EditorExecCommand('Underline')".';" title="Подчеркнутый">
<img src="./images/teditor/forecolor.jpg" onClick="'."EditorExecCommand('Underline')".';" title="Подчеркнутый">
<img src="./images/teditor/spacer.jpg">
<img src="./images/teditor/left.jpg" onClick="'."EditorExecCommand('JustifyLeft')".';" title="Выровнять по левому краю">
<img src="./images/teditor/center.jpg" onClick="'."EditorExecCommand('JustifyCenter')".';" title="Выровнять по центру краю">
<img src="./images/teditor/right.jpg" onClick="'."EditorExecCommand('JustifyRight')".';" title="Выровнять по правому краю">
<img src="./images/teditor/spacer.jpg">
<img src="./images/teditor/numlist.jpg" onClick="'."EditorExecCommand('InsertOrderedList')".';" title="Нумерованый список">
<img src="./images/teditor/marklist.jpg" onClick="'."EditorExecCommand('InsertUnorderedList')".';" title="Маркированный список">
<img src="./images/teditor/spacer.jpg">
</td>
</tr>
</table>
<iframe width="100%" height="90%" id="newTextArea" name="newTextArea"></iframe>
</div>
<script>
newTextArea.document.designMode = "on";
newTextArea.document.open();
newTextArea.document.write('TEXT');
newTextArea.document.close();
</script>
</body>
</html>
|
взять код можно так:
newTextArea.document.body.innerHTML;
|
изображения кнопок прикреплены к сообщению :) | |
| |
|
|
