help me plz

Added by Roman Skryabin 8 months ago

С редакторами встречаюсь первый раз, не могли бы пояснить кое-что.
подключил редактор,


    <script src="js/jquery-1.6.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jquery-ui-1.8.13.custom.min.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" href="css/smoothness/jquery-ui-1.8.13.custom.css" type="text/css" media="screen" charset="utf-8"/>
    <script src="js/elrte.min.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" href="css/elrte.min.css" type="text/css" media="screen" charset="utf-8"/>
    <script src="js/i18n/elrte.ru.js" type="text/javascript" charset="utf-8"></script>

    <script type="text/javascript" charset="utf-8">
        $().ready(function() {
            var opts = {
                cssClass : 'el-rte',
                // lang     : 'ru',
                height   : 450,
                toolbar  : 'complete',
                cssfiles : ['css/elrte-inner.css']
            }
            $('#editor').elrte(opts);
        })
    </script>

добавил поле для редакора
<div id="editor">

    </div>


открываю страничку, пишу текст...
а как дальше его мне использовать?
например сохранить


Replies (3)

RE: help me plz - Added by Андрей Зайцев 8 months ago

Видите ли Roman редактор сам по себе, сохранять или подгружать текст для редактирования, не будет.
По всей видимости вы начинающий программист (что похвально в наше время) но вам нехватает знаний и практики.

Мой совет вам, почитать про тег FORM (http://htmlbook.ru/html/form) про методы передачи данных POST или GET.
Ну и разумеется язык PHP вам очень пригодиться для любых задач.

Пример как это работает:
Сначала Подключили редактор.
<form action="save.php" method="post">
Заголовок:<br>
<input type="text" name="title" value=""><br>
Текст страницы:<br>
<div id="editor"></div><br>
<input type="submit" value="Сохранить">
</form>

После нажатия на кнопку "Сохранить" будет переход на страницу save.php и будут переданы данные в переменных "title" и "editor".

Что бы их к примеру сразу вывести на экран в файле save.php необходимо написать:

echo $_POST['title'];
echo $_POST['editor'];

Примечание на сервере должен быть установлен PHP и разрешена работа PHP.

По сути в этом нет нечего сложного но это программирование - желаю успехов в вашем начинании.
Если что обращайтесь - направлю в нужное русло.

RE: help me plz - Added by Алексей Абрамов 7 months ago

Роман, день добрый :)
Не смотря на то, что я вполне разбираюсь с написанием server side programming, конфигурация elRTE меня тоже поставила в тупик (я чайник в редакторах и jQuery).

Вот то, что я выгрыз из файла elrte.js
name - hidden text field in wich selected value will saved
submit - form submit event callback. Accept 2 args - event and this object

моя форма сабмита
<form action="" method="post">
<textarea name="doc_content" cols="7" rows="3">
<input type="submit" value="Идти на..." name="doc_content_Submit">
</form>

Правильно ли я понимаю, что нужно прописать в
var opts = {
name:'doc_content',
submit:'doc_content_Submit'
}
Или я, как и автор оригинального поста, тоже что-то сурово не догоняю?

RE: help me plz - Added by Troex Nevelin 7 months ago

Если у вас нет JS обработчика на событие 'submit', то вам вообще ничего не нужно делать доплнительно, просто запустите elRTE на нужном вам теге.

В вашем случае так как у вас нет параметра id у textarea, запускать редактор стоит так:

var opts = {
  // ...
}
$('textarea[name="doc_content"]').elrte(opts);

textarea[name="doc_content"] является селектором (который находит ваш тег в DOM дереве), он работает точно так же как CSS селектор, подробнее http://api.jquery.com/category/selectors/

(1-3/3)