Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Создание визуального редактора (WYSIWYG) (https://javascript.ru/forum/misc/12710-sozdanie-vizualnogo-redaktora-wysiwyg.html)

qwermjk 29.10.2010 20:08

Создание визуального редактора (WYSIWYG)
 
Нужно в этой теме будет расскрыть функционал визуального редактора :)
Я начну первый!!
Как в выделенный текст добавить теги?? (<p></p>; <font></font>)
По ходу темы будут ещё немало вопросов, так что сразу её не задвигайте на задний план =))

subzey 29.10.2010 20:18

Цитата:

Сообщение от qwermjk
Нужно в этой теме будет расскрыть функционал визуального редактора

Кому это нужно?

mycoding 29.10.2010 20:19

Это мне нужно)))
У меня курсовая приблизительно такая)
Просто никак за неё не сяду.

qwermjk 29.10.2010 20:45

Мне кажется это очень интересная тема для разговоров =))
Вот себе на сайт хочу такую сделать, готовые скрипты брать не хочу, хочу свою - родную =)))
Так как на сайте всё своё =)))

monolithed 29.10.2010 21:10

Работа с объектом Range хорошо расписана здесь.
Думаю после прочтения большинство вопросов отпадут

qwermjk 29.10.2010 22:19

Разобрался только с getSelection()
Метод возвращает строку, содержащую выделенный пользователем текст.
Ну для меня это уже большой шаг вперёд для создания своего WYSIWYG
По ходу его создания у меня будут вопросы, которые я буду излогать тут =)) Ну и в конце, я выложу сюда то что получится =))

qwermjk 30.10.2010 12:00

Как сделать так чтобы я мог выделять текст в textarea??

qwermjk 30.10.2010 12:36

Или лучше постепенно объясните с чего нужно начать =))

vladlen 30.10.2010 13:46

Разобрать TinyMCE. Громоздко, сложно, но зато много чего есть и оттуда копать.

qwermjk 30.10.2010 19:52

Зачем такую сложную разбирать, для меня это не чё не даст, так как я в таких делах не сильно шарю, я только на базовом уровне =)))
Для меня даже простейший визуальный редактор разобрать это уже большая проблема =))
http://www.fastcoder.org/articles/?aid=169

Давайте с нуля будем писать, есть тут такие умные дяди???
И попорядку если можно, а то я чтот не врубаюсь как его сделать, мне бы только начать =))

monolithed 30.10.2010 21:38

Цитата:

Сообщение от qwermjk
Для меня даже простейший визуальный редактор разобрать это уже большая проблема =))
http://www.fastcoder.org/articles/?aid=169

Куда еще проще?

qwermjk 30.10.2010 21:45

Я с тобой согласен, что наверное проще уже не куда =)))
Но почему то я его осилить не могу =))
Если кто может раскидать всё по полочкам, прошу помогите!!!
Нужно с самого начала, с поля ввода текста.....а то чтото не понял как iframe работает.

Kolyaj 01.11.2010 10:54

Вы хотите сделать wysiwyg редактор, что само по себе является не простой задачей, но при этом заявляете, что сложные вещи вы не осиливаете. Что-то у вас не сходится.

qwermjk 01.11.2010 11:01

Знаю я тока основы JavaScript, остальное либо ищу в инете или спрашиваю на форуме, вот мне кажется что в этой теме у нас получится сделать что-то на подобие wysiwyg =))

2de 01.11.2010 16:53

Ой :) редактор, эх, вспоминаю свои попытки, пока игрался с тем что бы по человечески выделялись нужные фрагменты текста с содержащимися в нем тэгами запарился, + нужно что бы это всё работало в разных браузерах а там ..., вобщем нужно было много времени и терпения которого у меня тоогда небыло. Кстати на хабре была статься про выделения текста на странице, очень помогла и есть наглядный пример.

qwermjk 01.11.2010 20:12

var isGecko = navigator.userAgent.toLowerCase().indexOf("gecko") != -1;
var iframe = (isGecko) ? document.getElementById("frameId") : frames["frameId"];

Что значит знак ( ? ) и знак ( : ) во второй строке????

qwermjk 01.11.2010 20:34

По видео курсу JavaScript+jQuery от Е. Попова, я понял что это сокращённая версия if else.
Кстати курс норм =)) Уже в нете скачать можно =)))

qwermjk 01.11.2010 20:53

Терь не могу понять что значит
iframe.contentWindow
iframe.contentDocument

eai 01.11.2010 20:55

Дался вам этот редактор, куча скриптов открытых в инете по этой теме, да и TinyMCE очень хорош. Лучше бы занялись разработкой чего нить аля worksheet (Excel). Тема в OpenSource не избитая! Кроме jquery.sheet я ничего открытого не нашел.
И препод бы ваш офигел от вашей крутости ;-)

Kolyaj 01.11.2010 21:00

Цитата:

Сообщение от qwermjk
Что значит знак ( ? ) и знак ( : ) во второй строке????

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

vladlen 02.11.2010 02:23

qwermjk, если что-то хотите понять, сперва наперво, научитесь пользоваться отладчиком. Там вам все карты в руки.


Часовой пояс GMT +3, время: 23:42.