Простой редактор для проектирования web страниц

@Cricket93 · Регистрация: 06.11.2012

Студворк — интернет-сервис помощи студентам

Ребятки. Такое дело. Помогите, пожалуйста, сделать простой графический редактор web-страниц.
Основные функции:
1) Вставка текста на лист
2) Вставка фигур с возможностью их изменения (квадрат и круг)
3) Вставка рисунка (jpeg, png, gif)
4) Создание нового листа (2-over9999 страницы) и возможность дать ему название
И кнопка сохранения всего этого дела в HTML файлы

Есть такой графический редактор для проектирования web-страниц "Web Page Maker"

Добавлено через 55 минут
В чем-то похожий на Paint, только с возможностью сохранения всего в HTML файлы (сколько страниц-столько и файлов)

Добавлено через 2 часа 21 минуту
Или же текстовый редактор HTML, который выделял бы разными цветами теги

@gaw · 26.09.2013, 19:55

Сообщение от Cricket93

Вставка текста на лист

на какой лист

Сообщение от Cricket93

графический редактор web-страниц.

или все таки

Сообщение от Cricket93

Или же текстовый редактор HTML, который выделял бы разными цветами теги

@Cricket93 · 26.09.2013, 19:59 **[ТС]**

Сообщение от gaw

на какой лист

Ну где можно будет работать. Располагать элементы, текст там и т.д. Как в пайнте когда его открываешь.

Сообщение от gaw

или все таки

Я подумал что на вряд ли кто-то сделает такое.

У меня вообще курсовая на эту тему, которая будет основой диплома, который уже "не за горами".

@Pro_grammer · 26.09.2013, 20:07

Сообщение от Cricket93

сделать простой графический редактор web-страниц.

Нет ничего проще!

Visual Basic
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
' Подключить к проекту компонент: DHNML Edit Control for IE5
' Растянуть на всю форму в виде поля редактора.
' Сверху добавить 3 кнопки (или сделать меню)
 
 
 
Private Sub Command1_Click()
fileHtm$ = InputBox(" Сохранить документ", "Новое имя файла", "c:\new.html")
DHTMLEdit1.SaveDocument fileHtm$
End Sub
 
Private Sub Command2_Click()
DHTMLEdit1.ExecCommand DECMD_IMAGE
End Sub
 
Private Sub Command3_Click()
On Error Resume Next
DHTMLEdit1.ExecCommand DECMD_COPY
End Sub
 
Private Sub Form_Load()
Command1.Caption = "Сохранить HTML"
Command2.Caption = "Вставить Изображение"
Command3.Caption = "Вставить Текст"
End Sub

Вообще для полноценного редактора нужно найти все команды для DHTMLEdit и реализовать их в своем коде. Они у меня конечно есть, но это уже будет неинтересно, на всё готовое? Я и так сказал больше, чем хотел

@Cricket93 · 26.09.2013, 20:17 **[ТС]**

Сообщение от Pro_grammer

Я и так сказал больше, чем хотел

Это потому-что ты хотел помочь

Если честно сказать, я не умею программировать. Просто это была самая легкая тема.

Добавлено через 7 минут
Pro_grammer,
А чем отличается DHTMLSafe от DHTMLEdit?

@Pro_grammer · 26.09.2013, 20:32

Сообщение от Cricket93

А чем отличается DHTMLSafe от DHTMLEdit?

Думаю их не надо различать. Просто одно без другого не существует - подключаешь DHTMLEdit появляется DHTMLSafe.

@Cricket93 · 26.09.2013, 22:20 **[ТС]**

Pro_grammer,
А вот поле редактора как я понял текстовое. И нельзя свободно перемещать по нему объекты без передвигания курсора.

Добавлено через 1 час 31 минуту
Pro_grammer, А можно DHTMLEdit заменить например на Picture&

@radlif · 26.09.2013, 23:27

2) Вставка фигур с возможностью их изменения (квадрат и круг)
Копай в сторону тега <div></div> и стилей css для него.

@Cricket93 · 27.09.2013, 13:00 **[ТС]**

Pro_grammer, А можно сюда еще добавить текстовый редактор? Чтоб допустим сделал из графических элементов основу, нажал кнопку и открылся текстовый редактор с этим кодом и там можно было бы что-то исправлять. Потом нажал в нем сохранить и в графическом редакторе эти изменения уже применены.

@Pro_grammer · 27.09.2013, 13:28

Сообщение от Cricket93

добавить текстовый редактор

Как я понимаю, нужен редактор кода HTML?
Можно сделать переключатель между визуальным редактором DHTMLEdit и текстовым.
В добавьте на форму обычный Text1 размером с форму, при запуске пусть будет невидимым. Добавьте ещё одну кнопку, которая будет переключать с визуального редактора в текстовый и её примерный код

Visual Basic
1
2
3
4
5
6
Private Sub Command5_Click()
Text1.Visible = True
DHTMLEdit1.Visible = False
Text1.Text = DHTMLEdit1.DocumentHTML
Text1.SetFocus
End Sub

При нажатии скроется визуальный редактор, и появится обычный текстовый с кодом, который уже есть. Этот код при изменении придется сохранить на диск и снова считать в DHTMLEdit1. Тогда изменения будут приняты. Естественно, при повторном нажатии кнопка должна вернуть видимость DHTMLEdit1 и невидимость Text1.

@Cricket93 · 27.09.2013, 13:42 **[ТС]**

Сообщение от Pro_grammer

Как я понимаю, нужен редактор кода HTML?
Можно сделать переключатель между визуальным редактором DHTMLEdit и текстовым.

Все именно так. Я просто не точно выразился

Добавлено через 8 минут
Pro_grammer, А еще вопрос. У textbox есть такое свойство, чтобы текст в нем отображался не в единую строку а в столбик или он просто не знает на каком месте необходимо перейти на новую строку?

@Pro_grammer · 27.09.2013, 13:58

Сообщение от Cricket93

он просто не знает на каком месте необходимо перейти на новую строку?

Знает. Для Винды стандартный перевод строки если встретился в тексте код CR+LF, код ASCII 13 + код 10.
Этот код вставляется автоматически в редакторах при нажатии на клавишу "Enter"

@Cricket93 · 27.09.2013, 15:11 **[ТС]**

Сообщение от Pro_grammer

Этот код вставляется автоматически в редакторах при нажатии на клавишу "Enter"

Т.е. нужно в коде перечислить все HTML теги и реализовать нажатие "Enter" после каждого??

@Pro_grammer · 27.09.2013, 15:28

Сообщение от Cricket93

реализовать нажатие "Enter"

Можно прибавить к строке константу vbCrLf

@Cricket93 · 27.09.2013, 15:56 **[ТС]**

Сообщение от Pro_grammer

Можно прибавить к строке константу vbCrLf

Это в Textbox?

Добавлено через 4 минуты
Pro_grammer,

Visual Basic
1
2
3
4
5
6
7
Private Sub Text1_Change()
Text1.SendData "User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; ru; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3" & vbCrLf
Text1.SendData "Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8" & vbCrLf
Text1.SendData "Accept-Language: ru,en-us;q=0.7,en;q=0.3" & vbCrLf
Text1.SendData "Accept-Encoding: deflate" & vbCrLf
Text1.SendData "Accept-Charset: windows-1251,utf-8;q=0.7,*;q=0.7" & vbCrLf
End Sub

@Cricket93 · 27.09.2013, 22:54 **[ТС]**

Блин. Это не работает.

А как сделать, чтобы элементы, которые я в своей проге добавляю на чистый лист, можно было свободно двигать в любых направлениях?

Добавлено через 3 часа 5 минут

Сообщение от Pro_grammer

Вообще для полноценного редактора нужно найти все команды для DHTMLEdit и реализовать их в своем коде. Они у меня конечно есть

Я только так смог:

Visual Basic
1
AddColorWord "<HTML>", RGB(100, 25, 255)

Новые блоги и статьи Все статьи Все блоги /
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .

@Cricket93 145 / 46 / 1 Регистрация: 06.11.2012 Сообщений: 283

	Простой редактор для проектирования web страниц 26.09.2013, 19:46. Показов 1724. Ответов 15 Метки нет (Все метки) Ребятки. Такое дело. Помогите, пожалуйста, сделать простой графический редактор web-страниц. Основные функции: 1) Вставка текста на лист 2) Вставка фигур с возможностью их изменения (квадрат и круг) 3) Вставка рисунка (jpeg, png, gif) 4) Создание нового листа (2-over9999 страницы) и возможность дать ему название И кнопка сохранения всего этого дела в HTML файлы Есть такой графический редактор для проектирования web-страниц "Web Page Maker" Добавлено через 55 минут В чем-то похожий на Paint, только с возможностью сохранения всего в HTML файлы (сколько страниц-столько и файлов) Добавлено через 2 часа 21 минуту Или же текстовый редактор HTML, который выделял бы разными цветами теги 0

@Cricket93 145 / 46 / 1 Регистрация: 06.11.2012 Сообщений: 283
	26.09.2013, 22:20 [ТС]
	Pro_grammer, А вот поле редактора как я понял текстовое. И нельзя свободно перемещать по нему объекты без передвигания курсора. Добавлено через 1 час 31 минуту Pro_grammer, А можно DHTMLEdit заменить например на Picture& 0

@radlif 44 / 44 / 3 Регистрация: 18.12.2011 Сообщений: 577
	26.09.2013, 23:27
	2) Вставка фигур с возможностью их изменения (квадрат и круг) Копай в сторону тега <div></div> и стилей css для него. 0

@Cricket93 145 / 46 / 1 Регистрация: 06.11.2012 Сообщений: 283
	27.09.2013, 13:00 [ТС]
	Pro_grammer, А можно сюда еще добавить текстовый редактор? Чтоб допустим сделал из графических элементов основу, нажал кнопку и открылся текстовый редактор с этим кодом и там можно было бы что-то исправлять. Потом нажал в нем сохранить и в графическом редакторе эти изменения уже применены. 0

Простой редактор для проектирования web страниц

Решение