Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Написание CMS, Вопрос 1: WYSIWYG на JavaScript 
:(
    Опции темы
lelik133
  Дата 9.6.2005, 14:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Awaiting Authorisation
Сообщений: 517
Регистрация: 5.2.2003
Где: Москва

Репутация: нет
Всего: 14



Начал писать небольшую CMS. В принципе круг ее задача уже известен.
1. Возможность визуального редактирования страниц (что-то вроде on-line WYSIWYG)
2. Возможность создания страниц (содержание за это ответственен WYSIWYG, ключевые слова, описание, заголовок) удаление старых страниц, редактирование существующих
3. Возможность создания разделов
4. Возможность перемещения страниц между разделами
5. Лента новостей (также добавление/удаление/редактирование новости, возможно функция архива)
6. Гостевую книга (удаление записей, ответ администрации сайта)
7. и т.д. и т.д. по возможности обрастание всякими вкусностями
Сразу расписал что хочу делать, поскольку вопросов у меня будет много попутно))) и вы представляли чего я ваяю.
Все буду писать на связке PHP + MySQL. Сразу оговорюсь почему стандартные движки не подходят, работаю в компьютерной фирме занимаюсь сайтами в ручную верстать уже просто запарился (есть идея создать коммерческий движок, пересадить на него современных клиентов и заняться его продажей потом), движок нужен написанный собственноручно и знакомый до последнего байта.
Кое что по отдельности из списка уже написал (например новости и гостевая)
На первом этапе надо разработать on-line WYSIWYG с которым было бы легко работать самому не продвинутому пользователю.
После изучения инфу по этому поводу понял что опираться буду здесь на JavaScript.
Из аналогов на что хотелось бы сделать похожим например на http://www.solmetra.com/en/disp.php/en_pro.../en_spaw_about  Буду рад любой информации подкинутой для разработчика CMS (очень желательно на русском), и в первую очередь про разработку WYSIWYG на JavaScript.
Теперь к конкретике начал делать этот самый редактор. Вопросы следующее.
Что лучше использовать в качестве окна редактора textarea не подходит как я понимаю его невозможно заставить отображать внешний вид страницы тока ее код, что-то читал про использование iframe но конкретно по этому поводу ничего не нашел, пробовал делать через <div contenteditable="true"> но там никак не могу отловить положение курсора для вставки тэгов. Если через iframe так я понял в spaw сделано. то тоже надо указывать contenteditable для всей страницы в iframe или я не прав?

И сразу к более позднему этапу как лучше это передавать скрипту это все таки же не элемент формы а div или iframe?

Буду благодарен за любую инфу по данному поводу… сорри за столь длинный пост, покороче выразиться не удалось


PM ICQ   Вверх
Opik
Дата 9.6.2005, 15:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Vingrad developer
Сообщений: 1918
Регистрация: 6.10.2004
Где: Рига

Репутация: 1
Всего: 55



lelik133
Думаю придется все же юзать textarea
PM MAIL Skype   Вверх
Opik
Дата 9.6.2005, 15:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Vingrad developer
Сообщений: 1918
Регистрация: 6.10.2004
Где: Рига

Репутация: 1
Всего: 55



lelik133
Работаешь так:
Создаешь объект textarea, но что бы в нем появлялся результат, нужно создавать объекты через createElement и вписывать его в texarea.
Вот наваял простой пример:
Код

<html>
 <head>
  <title>Testing createElement</title>
  <script type="text/javascript">
<!--
function sethr()
{
      var el = document.getElementById("code");
      var div = document.createElement("<HR>");
      el.appendChild(div);
}
// -->     
</script>
 </head>
<body>
<input type="button" onclick="sethr()" value="hr" /><br />
<textarea id="code" cols=50 rows=15></textarea>
</body>
</html>

Добавлено @ 15:29
Хы smile оказывается этот HR ещё можно по-разному растягивать smile
PM MAIL Skype   Вверх
Sardar
Дата 11.6.2005, 18:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317



Opik так будет работать только в ИЕ(в Опере не проверял).

lelik133 все современные браузеры поддерживают designMode|contentEditable. Хоть многие вещи браузер поддерживает сам, но работы по такому редактору много. Изучи HTMLArea или Spaw.


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
Aliance
Дата 12.6.2005, 16:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137



Вот, читай:
http://msdn.microsoft.com/library/default....html_editor.asp

За ссылку спасибы говорим Sardarу smile
PM MAIL WWW ICQ Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0518 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.