Welcome to Dream.In.Code
Become a VB.NET Expert!

Join 149,430 VB.NET Programmers for FREE! Get instant access to thousands of VB.NET experts, tutorials, code snippets, and more! There are 2,306 people online right now. Registration is fast and FREE... Join Now!




Help making a WYSIWYG Editor

2 Pages V  1 2 >  
Reply to this topicStart new topic

Help making a WYSIWYG Editor, kind of like dreamweaver and other programs like that

andrewvw
27 Jan, 2008 - 11:04 PM
Post #1

New D.I.C Head
Group Icon

Joined: 27 Jan, 2008
Posts: 28


Dream Kudos: 50
My Contributions
i dont know anything about visual basic ive been practicing on making ie browsers, firefox browsers, media player and thats about it
im using microsoft visual basic 2008 express edition
all i wanted to know is how i can make an application that sends the html u type to the webbrowser after u click a button
like an html editor
something simple not to complicated
sorry if i make no sence blink.gif
I realy hope someone can help me thx to anyone that takes there time
User is offlineProfile CardPM
+Quote Post

PsychoCoder
RE: Help Making A WYSIWYG Editor
27 Jan, 2008 - 11:09 PM
Post #2

using DIC.Core;
Group Icon

Joined: 26 Jul, 2007
Posts: 9,477



Thanked: 161 times
Dream Kudos: 9025
Expert In: VB, VB.Net, C#, SQL, ASP, ASP.Net, Web Development, HTML, CSS, Win32 API, Javascript, mySQL, J#, Boo.Net

My Contributions
First, I know of no HTML Editor that sends the HTML you type to the browser when you click a button, they do, however, provide a "Preview In Browser" option.

Second, VB 2008 is VB.Net so I'm moving this to the proper forum smile.gif

Third, Are you looking to create an application like EditPlus2, Dreamweaver(type), Notepad++, etc??
User is online!Profile CardPM
+Quote Post

andrewvw
RE: Help Making A WYSIWYG Editor
28 Jan, 2008 - 06:01 PM
Post #3

New D.I.C Head
Group Icon

Joined: 27 Jan, 2008
Posts: 28


Dream Kudos: 50
My Contributions
yes i do mean preview in browser thx for clearing that up i didnt realy know wat to say there lol

can u tell me were vb 2008 belongs i thought it was here cuz the vb lol sorry

and yes i kinda want something like dreamweaver but since its the only one ive used of all those but i want it simple not too complicated

and have u ever used the Web Developer add on for firefox
i kinda wanted it to do wat the html editor does
when u visit a page it shows the html on the bottom and u can edit it
can u answer my questions here or do u want me to move this to the proper forum first?

User is offlineProfile CardPM
+Quote Post

B-Boy209
RE: Help Making A WYSIWYG Editor
28 Jan, 2008 - 06:19 PM
Post #4

D.I.C Head
**

Joined: 9 Dec, 2007
Posts: 61


My Contributions
QUOTE(andrewvw @ 28 Jan, 2008 - 07:01 PM) *

yes i do mean preview in browser thx for clearing that up i didnt realy know wat to say there lol

can u tell me were vb 2008 belongs i thought it was here cuz the vb lol sorry

and yes i kinda want something like dreamweaver but since its the only one ive used of all those but i want it simple not too complicated

and have u ever used the Web Developer add on for firefox
i kinda wanted it to do wat the html editor does
when u visit a page it shows the html on the bottom and u can edit it
can u answer my questions here or do u want me to move this to the proper forum first?

do you mean that you want an html editor that you can preview the code and what itll look like in the web browser...??? if so then check out this site...
http://www.evrsoft.com/download.shtml
User is offlineProfile CardPM
+Quote Post

andrewvw
RE: Help Making A WYSIWYG Editor
28 Jan, 2008 - 06:33 PM
Post #5

New D.I.C Head
Group Icon

Joined: 27 Jan, 2008
Posts: 28


Dream Kudos: 50
My Contributions
i know about those im tryin to make my own
User is offlineProfile CardPM
+Quote Post

andrewvw
RE: Help Making A WYSIWYG Editor
28 Jan, 2008 - 07:13 PM
Post #6

New D.I.C Head
Group Icon

Joined: 27 Jan, 2008
Posts: 28


Dream Kudos: 50
My Contributions
psychocoder thx for topic my forum to the right place if it was u lol thx

This post has been edited by andrewvw: 28 Jan, 2008 - 10:03 PM
User is offlineProfile CardPM
+Quote Post

andrewvw
RE: Help Making A WYSIWYG Editor
28 Jan, 2008 - 10:41 PM
Post #7

New D.I.C Head
Group Icon

Joined: 27 Jan, 2008
Posts: 28


Dream Kudos: 50
My Contributions
I wanted to make a program like dreamweaver without all the complicated tools
o wait i found a better name for it
a wysiwyg kind of program
on top the html text area
and on the bottom the html preview
i kinda like web editing
and i have a question if its a html editor it would also work for php right?
someone plz help
biggrin.gif
User is offlineProfile CardPM
+Quote Post

PsychoCoder
RE: Help Making A WYSIWYG Editor
28 Jan, 2008 - 10:44 PM
Post #8

using DIC.Core;
Group Icon

Joined: 26 Jul, 2007
Posts: 9,477



Thanked: 161 times
Dream Kudos: 9025
Expert In: VB, VB.Net, C#, SQL, ASP, ASP.Net, Web Development, HTML, CSS, Win32 API, Javascript, mySQL, J#, Boo.Net

My Contributions
Andrew you've already posted the same topic in the VB.Net forum, VB 2008 is VB.Net. Please dont double post. Im merging the 2 threads now.
User is online!Profile CardPM
+Quote Post

andrewvw
RE: Help Making A WYSIWYG Editor
28 Jan, 2008 - 10:50 PM
Post #9

New D.I.C Head
Group Icon

Joined: 27 Jan, 2008
Posts: 28


Dream Kudos: 50
My Contributions
o sorry i just went down to ur first reply and i just saw that it said that visual basic IS vb.net i thought it said it wasnt lol sorry

i wanted to ask if theres any way u can delete ur old topics lol

man i realy suck at all this forum stuff lol
User is offlineProfile CardPM
+Quote Post

PsychoCoder
RE: Help Making A WYSIWYG Editor
28 Jan, 2008 - 11:34 PM
Post #10

using DIC.Core;
Group Icon

Joined: 26 Jul, 2007
Posts: 9,477



Thanked: 161 times
Dream Kudos: 9025
Expert In: VB, VB.Net, C#, SQL, ASP, ASP.Net, Web Development, HTML, CSS, Win32 API, Javascript, mySQL, J#, Boo.Net

My Contributions
Don't worry about it Andrew, when you're new to the forum world is can take some getting used to. As far as deleting your posts, I don't believe there is a way to delete the post, Moderators and Team Members (Admin) can remove posts, but unless its offensive, illegal or breaks forum rules I wouldn't ask them to remove it, they're awful busy most of the time.

I know at times it can get frustrating waiting for a reply to a post, but remember, all of us have full lives with jobs (or school), families and such so at times it can take a little time to get a response.

I have been looking through some of my code, and some online searches for you to nudge you in the right direction but all my stuff is ASP.Net, not like a Windows Application. I do know you need to use a RichTextBox if you want font formatting, like you get in most editors.

Ill do some more looking, but be patient with me ok smile.gif
User is online!Profile CardPM
+Quote Post

Jayman
RE: Help Making A WYSIWYG Editor
29 Jan, 2008 - 12:30 AM
Post #11

Student of Life
Group Icon

Joined: 26 Dec, 2005
Posts: 7,298



Thanked: 66 times
Dream Kudos: 500
Expert In: Everything

My Contributions
Based on your initial post, you said you have a very little knowledge of VB. The project you are asking about it is going to require quite a bit of knowledge to accomplish what you want.

As, PsychoCoder already mentioned you will use a RichTextBox as the code window. This will allow you to apply formatting and syntax highlighting to the code. The preview window also will be fairly easy to implement, you will use the WebBrowser control. With the web browser control you will assign the code from the code window using the DocumentText property which will take a string.

Here is an example:
CODE

Dim htmlCode As String

'start concatenating the HTML code into one string
htmlCode = "<html><body style='background:#4A6751; color:#E1E1E1'><h3>Sampe page</h3><br/>Some sample text to display</body></html>"

'pass the HTML string to the WebBrowser control for display
Me.WebBrowser1.DocumentText = htmlCode


The most difficult task will be creating the WYSIWYG window. You will have to implement a User Control that will allow you to drop other controls onto it. Basically the control will be a container and naturally it will have to generate the code in the code window when a control is dropped onto it.

I would suggest reading up on the RichTextBox control and the WebBrowser control and start with those two. Once you are able to get those two features working you will have some knowledge to begin tackling the most difficult task.

And you will always have us here at DIC to help you along when you need it.
User is online!Profile CardPM
+Quote Post

andrewvw
RE: Help Making A WYSIWYG Editor
29 Jan, 2008 - 04:22 PM
Post #12

New D.I.C Head
Group Icon

Joined: 27 Jan, 2008
Posts: 28


Dream Kudos: 50
My Contributions
ok
phycocoder
first of all thx for helping me so much
and i think i get it a little better with the richtextbox


and jayman9
thx for the code that realy helped i kinda understand it
can u tell me wat the Me. is
is it like saying form1.




I THINK IMA GO HELP PEOPLE WITH HTML AND STUFF SINCE I KNOW A LITTLE ABOUT IT
LOL






SO U GUYS WONT HAVE TO GO TO THE NEXT PAGE ILL JUST PUT IT HERE


OMG LOL I JUST TRIED IT TY SO MUCH THE DOCUMENT.TEXT PART FOR WEBBROWSER1 REALY HELPED THIS IS WAT I CAME UP WIT


Public Class Form1
Private Sub button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles button1.Click
WebBrowser1.DocumentText = richtextbox1.Text
End Sub
End Class

HERES A PIC


IPB Image

YOU GUYS R COOL THIS IS ALL I WANTED
THIS SIMPLE LOL






O AND ONE MORE THING
HOW TO SAVE THE FILE

I ADDED A SAVE BUTTON
AND A SAVEFILEDIALOG

I WANTED TO KNOW HOW TO USE THE BUTTON TO SAVE IT
smile.gif
THX FOR ALL U GUYS HAVE DONE FOR ME


This post has been edited by andrewvw: 29 Jan, 2008 - 06:01 PM
User is offlineProfile CardPM
+Quote Post

2 Pages V  1 2 >
Fast ReplyReply to this topicStart new topic
Time is now: 1/7/09 11:51AM

Be Social

Dream.In.Code RSS Feed Dream.In.Code LinkedIn Group Follow Us On Twitter

Live VB.NET Help!

VB.NET Tutorials

Reference Sheets

VB.NET Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month