Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   хочу написать свой WYSIWYG редактор (https://javascript.ru/forum/misc/5643-khochu-napisat-svojj-wysiwyg-redaktor.html)

Newbie 28.10.2009 12:09
хочу написать свой WYSIWYG редактор
 
Есть скрипт и понятно как он работает, не могу понять как в документе при вызове textarea с определённым айди заменить его на iframe, в котором и будет работать скрипт редактора.

Нужно в теге в параметре onLoad вызвать какую-то функцию, которая заменит текстарею на iframe? Как это сделать?)

Snowcore 28.10.2009 19:49
будете писать на чистом javascript или на каком-либо framework'e?

Newbie 28.10.2009 20:47
чистый яваскрипт, но я по-моему уже нашел решение, сейчас им и займусь.

Riim 28.10.2009 21:20
Может пригодится:
http://fastcoder.org/articles/?aid=609
http://fastcoder.org/ff/609/index.html

Octane 28.10.2009 22:22
Цитата:
Сообщение от Snowcore
или на каком-либо framework'e?
А в каком фреймворке есть средства для работы с Range, TextRange и execCommand?

Snowcore 29.10.2009 12:27
Разве что в самописном

Snowcore 29.10.2009 12:27
хотя, есть плагины

Gozar 29.10.2009 16:52
Цитата:
Сообщение от Riim (Сообщение 33788)
Может пригодится:
http://fastcoder.org/articles/?aid=609
Я знаю что описывается в статье и что происходит, но понять все это с помощью желтой табличке, выше моих сил. Даже смотреть на неё не хочется. Сначала содрали с W3C, затем почти тут же статью разместили на хабре. Но никто даже не удосужился позаботиться о том чтобы статья была проста в понимании.

Riim 29.10.2009 20:23
Цитата:
Сообщение от Gozar
Я знаю что описывается в статье и что происходит, но понять все это с помощью желтой табличке, выше моих сил. Даже смотреть на неё не хочется. Сначала содрали с W3C, затем почти тут же статью разместили на хабре. Но никто даже не удосужился позаботиться о том чтобы статья была проста в понимании.
у меня ни с желтой табличкой, ни с ее объяснением проблем не было, читал с ощущением, что сам придумал, просто по-другому там особо не придумаешь. Сложно было только немного запомнить все методы для IE и других браузеров, прикинуть их возможности и примерно понять, как с их помощью решать разные ситуации. Просто много их сразу и часто, в зависимости от браузера, во многом разные подходы для решения одного и того же.

Goa 29.10.2009 22:40
В DojoToolkit есть свой WYSIWYG редактор.
И в версии 1.4 за него очень плотненько взялись.
А вообще не вижу смысла писать свой редактор. Браузеры сильно развиваются. Кто будет суппортить его. Проще воспользоватся уже готовым решением. Тем более есть очень неплохие решения. К примеру dojo'ский можно тащить с CDN AOL. А скорости и политика кэширования там впечатляет.))

Riim 29.10.2009 23:59
Dojo вообще глючный какой-то.

Goa 30.10.2009 14:04
Я бы сказал реализация javascript глючная под разными браузерами.
А насчет глючности dojo я не знаю.
Думаю надо просто в него вникнуть.

Kolyaj 30.10.2009 14:19
Цитата:
Сообщение от Goa
Я бы сказал реализация javascript глючная под разными браузерами.
А много ли вы написали кода на чистом JavaScript?

Gozar 30.10.2009 15:31
Не вижу смысла тащить редактор, который реализовать не так уж и сложно, особенно если не нужно из него подобие ворда делать. К тому же многие из них не такие уж и удобные. Тоже мне нашли чем мерятся - редакторами. WYSIWYG должен всего-то уметь вставлять картинки с сервера, грузить их на сервер, создавать папочки, вставлять таблички, ну в остальном всякие мелочи. Не вижу проблемы, кроме двух недель времени чтобы написать свой под основные браузеры.

Newbie 31.10.2009 11:07
Я пишу свой редактор в целях практики, так как начал изучать яваскрипт совсем недавно, буквально пару дней назад. В принципе реализовал основу, работает в ИЕ и в ФФ, но в опере не пашет набор текста в ифрэйме... Ещё хочу сделать так, чтобы высоты-ширина ифрэйма по дефолту заимствовались у textarea. Вот отрывки кода:


<body onLoad='wys()'>
<form >
<textarea id="WYSIWYG" ></textarea> <br />
//тут куча кнопок
</form>

function wys()
            {   
                el=document.getElementById("WYSIWYG");
                ifram = document.createElement ("iframe");
                document.forms[0].replaceChild(ifram, el);
                ifram.style.frameBorder='yes';
                ifram.id='frameId';
                ifram.style.scrolling = 'no';
                iframe = (isGecko) ? document.getElementById("frameId") : frames["frameId"];
                iWin = (isGecko) ? iframe.contentWindow : iframe.window;
                iDoc = (isGecko) ? iframe.contentDocument : iframe.document;
                iHTML = "";
                // Добавляем его с помощью методов объекта document
                iDoc.open();
                iDoc.write(iHTML);
                iDoc.close();
                if (!iDoc.designMode) alert("Визуальный режим редактирования не поддерживается Вашим браузером");
                else iDoc.designMode = (isGecko) ? "on" : "On";
            }

Gozar 31.10.2009 23:08
Знакомые до боли строки :)

Newbie 02.11.2009 15:17
неужели никто не подскажет почему в опере-то не пашет?

Newbie 07.11.2009 11:32
вобщем не работает именно эта строчка:
iWin = (isGecko) ? iframe.contentWindow : iframe.window;


и именно в опере, в остальных браузерах норм. Хелп ми самбади)

Newbie 11.11.2009 12:52
Я уже ненавижу этот редактор, несколько дней гуглю ни магу найти решение. По всем соображением - всё должно работать в опере. Но не работает. Мб найдётся человек, который знает в чем дело?

Octane 11.11.2009 13:39
А так?
var iWin = iframe.contentWindow || iframe.window;

Newbie 12.11.2009 10:16
Неа, не помогает(

Ещё вопрос нарисовался: как сделать, чтобы при нахождении позиционного курсора на форматированном тексте, кнопки, отформатировавшие его, выделялись? То бишь, тыкнул на текст, который жирный и подчеркнутый, кнопки Ж и П выделились как-нить.


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