Визуальный ( WYSIWYG ) online HTML-редактор
Online WYSIWYG HTML editor
Помощь новичку:
1. Скопируйте код в рамке и вставьте его в блокнот.
2. Замените в коде части, выделеные цветом как написано.
3. Сохраните полученное на своем компьютере с расширением *.html или *.htm . Например: index.html
4. Откройте полученный файл браузером, который у Вас установлен, например Internet Explorer.
5. Любуйтесь!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head> Сюда вставьте метатеги. Их можно создать на этой странице <title> Здесь впишите название страницы </title> </head>
<body> Сюда вставьте код, созданный в редакторе. Чтобы его получить, нажмите клавишу "Code" в нижней панели редактора </body>
</html> |
|
Здраствуте!
я установил этот редактор, всё просто супер, код вполне понятный много че настроил.
возникла тока проблемка когда в него вставляеш много текста редактор пропадает будто его васче нет. подскажите в чем проблем. буду очень презнателен
Установил и настроил - куда? Может в произведенных настройках допущен баг?
Редактор на Ява скрипте - может памяти на больших текстах не хватает?
На данной странице редактор предназначен для ознакомления с принципами создания веб страниц, но не для рабочих целей… Для работы инсталлируются на свой комп программы-редакторы. Таких программ куча разнообразнейших.
Поподробней о проблеме напиши.
это самый реальный онлайн редактор из всех, что я вообще видел, хотя знаю что это такое не по наслышке.
сделано все техничесски грамотно.дизайн гут.
молодци ребята, хорошо постарались!!!
так держать!!!
Редактор “жрёт” ”
Что жрет? Кавычки не теряет. Пишет их в наклонном виде, так как эта страница в кодировке UTF-8 - так это вопрос не к редактору а к UTF-8. В сохраненном коде все кавычки надо поменять.
А вообще, данная страница сделана для того, чтобы новичок мог ознакомиться с возможностями html, быстро и легко сделать первую страничку для тестирования, сохранить, посмотреть в браузере сохраненный вариант. Ну, то есть вникнуть в суть процесса, но не для серьезной работы…
Ну да. всё понял. За редактор ещё одно спасибо) Частенько помогает.
Редактор, конечено не рог изобилия, но с основными функциями справляется… мне оч помог в создании маленькой болваночки, особенно в части таблиц правдо так и не нашел где тут colspan и rowspan.
Вообщем спасиб! Выручили, добавил тулзу в закладки.
[слушает Jane Air - Черно-Белые Дни (Amatory Cover)]
Установил и настроил - куда? Может в произведенных настройках допущен баг?….
Пропадет текст просто на просто. В настройках все стандартно, ничего лишнего не меняю. Запускаю редактор. Работает нормально. Но если вводишь длинный текст то при нажатии кнопки сохранить пропадает. Так же у меня он открывает файлы для редактирования, так вот эти большие файлы он не открывает, и сам тоже пропадает, если по меньше тексты то все нормально. Если кто знает в чем дело и как исправить отпишитесь пожалуйста,
Вы о каком редакторе речь ведете?
Спасибо огромное за этот редактор, очень помог…
Cпасибо! Пора Вам добавлять кнопку donation =)
Часто бывает что нужно быстро сделать “легкую” страничку. И неохото вручную возиться с тегами или запускить махинные проги. Давно искал программу способную легко в визуальном отображении генерировать html код. Ты оформляешь как тебе нравиться, а прога сама делает код.
Ваш сайт стал для меня очень приятным открытием! Все настолько удобно, как будто это я сам все делал под себя! Огромное Вам спасибо и успеха!!!
Класс, огромное спасибо ) Наконец-то сделал задуманное
замечательный редактор! чуть чут подправлю и можно на свой сайт выкладывать (а то каждый раз как че добавлять меня зовут, а времени мало)… спасибо огромное!!! ссылку обязательно добавлю..
Угнетает, что редактор уничтожает тэг [?php ?] (вместо квадратных скобок д.б. треугольные).
Спасибо,редактор очень помог
Это наверно самый продвинутый редактор постоянно захожу и пользуюсь,даже в закладки добавил.Молодцы все сделано толково.
Да, нужная вещь для тех кто ценит время или не силен в HTML
ХОЧУ СЕБЕ ТАКОЙ НА САЙТ ГДЕ ВЗЯТЬ!?
Где кнопка скачатЬ!??!?!? спиздить стырить… незнаю Прмя я тупой
ВОт имено для сайта БЛИН НЕ ХЧОУК КРОИТЬ ВАШ html ! дайте так .. (((((((
Жадины…. исходник мне дайте!
А на кнопочку со знаком вопроса в редакторе нажать?…
Присоединяюсь к большинству - редактор грамотный. Весьма серьезный инструмент в помощь WEB мастеру. Однако есть необходимость добавления кнопки “сохранить страницу” с выбором вариантов расширений. А также возможность генерации стандартного набора метаданных для каждой страницы отдельно. Также интересно было бы генерировать страницы с возможностью добавления изображений и последующего их сохранение на компьютере пользователя. Не лишним будет в конструкторе добавить кнопку сохранения в формате zip готового статического HTML сайта. На выходе очень неплохо получить: готовый к размещению сайт - zip архив с полным набором сгенерированных страниц, фотографий и стилей.
Спасибо большое, хорошая вещь!
Только просьба доработать текстовое поле ввода, в гугл-хром последнем оно может увеличиваться по высоте если тянуть за правый нижний угол, здесь эта возможность только в поле “Code”, а в поле граф.редактора и превьюхи нет..
А как качать или загружать, что с ней делать-то?
Читайте то, что написано под заголовком “Помощь новичку”. И обратите внимание на то, что редактор on-line, предназначен не для скачивания, а для работы в режиме on-line.
Здравствуйте! Хочу сказать Вам огромное спасибо за редактор, он мне во многом помог. Но в последнее время он стал недоступен в связи с какими то неполадками на Вашем сайте, а официальный сайт редактора (чтобы его скачать) увы закрыт.
Пожалуйста, если Вас не затруднит, отправьте мне файлы с редактором по почте - gleb-tennis[@]hotmail.com.
Некоторое время у хостера были проблемы, сейчас все работает.
Действительно, оффсайт редактора закрыт и оказалось весьма непросто найти в интернете ссылку, чтоб скачать FreeRichTextEditor. В Google Top-20 работающих ссылок не нашел, все в итоге вели на закрытый оффсайт.
Поэтому архив с редактором залил на свой сервер. Ну и ссылка на скачивание - скачать FreeRichTextEditor
Здравствуйте! Редактор норм, но я могу предложить свой редактор написанный на JavaScript (за 4 дня)
Предложите. С удовольствием потестирую.
Замечательный редактор.
После первого использования возникло только 2 вопроса (может, по ходу дела появятся ещё:).
1. Как пользоваться кнопками “вставить рисунок” и “вставить таблицу”? Практически вставлять рисунок даже не понял как. Рисунок можно вставлять только из интернета (гиперссылкой)? Со своего компьютера нельзя загружать?
2. По таблице. Ввожу количество строк, столбцов, параметры, нажимаю кнопочку, но никакой реакции, никакой таблицы не создаётся.
Может, я туповат чего-нибудь не так делаю:)? Объясните, плиз.
1. Картинку загрузить нельзя. Вставляется ссылка на картинку, которая уже в интернете имеет адрес.
2. Таблица создается, но ее не видно, так как по умолчанию у нее прописывается свойство border=”0″ - то есть границы ячеек таблицы не очерчены. Чтобы видеть границы ячеек, нужно при создании таблицы указать параметру “Border:” значение в виде целого числа больше ноля, например “Border: 1″. Число означает толщину границ ячеек в пикселях. По окончанию редактирования содержания таблицы в коде (клавиша “Code”) можно скрыть видимость границ ячеек, если в параметрах таблицы изменить значение border=”указанная_толщина_границы” на border=”0″.
Новичку надо знакомиться с нормальным редактором, который поясняет значение каждого тега.
А это так, взяли тинимсе, выдрали кнопку сорц и типа вуаля =)
Давно пользуюсь этим редактором, когда надо быстро html подправить. Спасибо за это сайт!
Только сегодня заметил, что тут есть комменты )) И Одмин на них даже отвечает. За этот труд ему тоже спасибо (:
Уважаемый Мастер! Я уже на многих блогах и форумах пыталась получить ответ на свой вопрос, но - бесполезно! Не говорю, что люди черствые, сама “не догоняю”. Вот я хотела выполнить такое задание:
В тексте поставить прямую активную ссылку на сайт, например, на сайт www.vwhost.org с текстом ссылки “сайт для начинающих вебмастеров”
Чтобы его выполнить, побывала на десятке сайтов, пока не нашла Ваш. Почитала - Вы пишете очень ясно и доходчиво. Сделала вот так:
[url=http://www.vwhost.org/]сайт для начинающих вебмастеров[/url]
А мне вернули работу на доработку по причине, что ссылка не активная.У меня нет ни к кому претензий. Я просто не могу понять, как же правильно делать подобную работу.
Если вдруг найдется свободное время, объясните мне, пожалуйста. Заранее большое спасибо.
Ваши примеры ссылки заменил на свои - если это была попытка поставить ссылку, она не удалась, а если действительно насущный для Вас вопрос - ответ Вам поможет…
Вероятно, причина в том, что ссылку Вы написали в формате BB-кода, а не в HTML. В HTML ссылка пишется так: <a href=”http://www.vwhost.org/”>сайт для начинающих вебмастеров</a>
первые приятные ощущения за все время работы с html, спасибо!
думаю, вам воздастся в следующей жизни)))
Добрый день. Программист, занимавшийся разработкой моего сайта куда-то пропал, теперь приходиться разбираться самому. Подскажите, как мне сделать ссылку на картинку в формате PNG, чтобы на моём сайте она открывалась? Заранее спасибо.
Пример ссылки когда при клике по маленькой картинке открывается большая:
<a href= “big.png”> <img src= “small.png”> </a>
Где small.png - маленькая картинка, big.png - большая картинка.
Я ответил на Ваш вопрос? Если нет - переформулируйте вопрос.
как это сохранять?
Читайте “Помощь новичку” сразу под редактором.
Если этот редактор так крут, почему этот комент я пишу через обычную textarea? :)
Спасибо вам большое. Сколько перечитала информации про эти ссылки - ничего не пойму, а у вас все поняла, все четко расписали. Удачи вам.
А css она автоматом генерить может? Не видно функционала на первый взгляд…
К сожалению, нет.