WYSIWYG html/xml creator

[kalos]

hello!

I want to create an html/xml document in a powerful WYSIWYG creator

I want in a WYSIWYG way, to type bold, italics, add tables, photos, use JS and JQUERY scripts, XUL, everything to make a web application or website

how can I do this?

thanks!

[Renegade]

There are lots of IDEs & editors out there. Free and commercial.

For JavaScript, Aptana ROCKS!

http://www.aptana.com/

However, for XML, you won't find a WYSIWYG editor. It's simply not possible unless you start bending the rules & definitions there. XML is for storing data in self-describing tags. Now, what are those definitions? Well, anyone can make up any kind of definition that they want. For example, here's a short snippet from a GDT file (it's an XML file I use for my own software):

Code: Text [Select]

1. <?xml version="1.0"?>
2. <RenegadeGDT>
3.   <Version Major="4" Minor="0" Build="0" />
4.   <Volume>12.1907994151115</Volume>
5.   <Pan>0</Pan>
6.   <Speed>0</Speed>
7.   <PitchShift>0</PitchShift>
8.   <CountIn OnOff="False">10</CountIn>
9.   <Gain>0</Gain>
10.   <ZoomDistance>100</ZoomDistance>
11.   <PadLoopZoom>0.6</PadLoopZoom>
12.   <SkipBack>-5</SkipBack>
13.   <SkipForward>5</SkipForward>
14.   <SpeedTrainerOn>False</SpeedTrainerOn>
15.   <SpeedTrainerIncrement>5</SpeedTrainerIncrement>
16.   <SpeedTrainerTimesToLoop>1</SpeedTrainerTimesToLoop>
17.   <SpeedTrainerStartSpeed>-50</SpeedTrainerStartSpeed>
18.   <SpeedTrainerEndSpeed>50</SpeedTrainerEndSpeed>
19.   <LoopItBaby>True</LoopItBaby>
20. ...
21.   <EQSettings Count="2">
22.     <EQSetting Name="Zero" Selected="True">
23.       <Band BandIndex="0" Bandwidth="0.3333333" Q="0" Center="18.35405" Gain="0.0" Channel="Left" />
24.       <Band BandIndex="0" Bandwidth="0.3333333" Q="0" Center="18.35405" Gain="0.0" Channel="Right" />
25.       <Band BandIndex="1" Bandwidth="0.3333333" Q="0" Center="23.12465" Gain="0.0" Channel="Left" />
26.       <Band BandIndex="1" Bandwidth="0.3333333" Q="0" Center="23.12465" Gain="0.0" Channel="Right" />
27. ...

I'm the one that wrote the spec there, but how should it be "displayed"? Well, there is no display for it unless I write up an XSLT, which is a processing directive for XML that can be used to output the XML in a more readable format, like HTML. (Which is what I meant by bending the rules above.)

Now, there are XML editors, but they're really just text-based, and not "visual" designers.

Not sure if any of that is useful for you or not.

I'll leave recommendations for specific HTML editors out there to someone else as the tools that I'd recommend probably are right for what you need.

[kalos]

can I load these in Aptana?

http://jqueryui.com/resizable/

[Renegade]

can I load these in Aptana?

http://jqueryui.com/resizable/

-kalos (December 28, 2012, 01:19 AM)

Yup! Aptana is fantastic for JavaScript.

[kalos]

do you know how to load jquery plugins?
is this a simple procedure or it needs customization etc?

[Renegade]

do you know how to load jquery plugins?
is this a simple procedure or it needs customization etc?

-kalos (December 31, 2012, 11:50 AM)

It would depend on the specific plugin, but the general method would simply be to add the plugin to your HTML page as normal then add it to the project file as well. You can then set breakpoints and the like.

[kalos]

add the plugin to your HTML page as normal then add it to the project file as well. You can then set breakpoints and the like.

-Renegade (December 31, 2012, 10:04 PM)

can you elaborate please

[Renegade]

Just add the plugin to your HTML file, and make sure to add it to the project as well.

Have you used project files before? They're basically a collection of all the files needed for a project to work. In this case, the HTML, CSS, and JS files. Well, and images and all that stuff too.

[kalos]

adding it to the HTML file, you mean to insert a text line in the HTML file surrounding by some tags, and including the filepath to a .js file?

[Renegade]

Yes - a standard link to the file. e.g.

Code: HTML [Select]

1. <script language="JavaScript" type="text/javascript" src="/path/to/script.js"></script>