topbanner_forum
  *

avatar image

Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
  • Thursday March 28, 2024, 3:54 pm
  • Proudly celebrating 15+ years online.
  • Donate now to become a lifetime supporting member of the site and get a non-expiring license key for all of our programs.
  • donate

Author Topic: WYSIWYG html/xml creator  (Read 4737 times)

kalos

  • Member
  • Joined in 2006
  • **
  • default avatar
  • Posts: 1,823
    • View Profile
    • Donate to Member
WYSIWYG html/xml creator
« on: December 27, 2012, 12:04 PM »
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

  • Charter Member
  • Joined in 2005
  • ***
  • Posts: 13,288
  • Tell me something you don't know...
    • View Profile
    • Renegade Minds
    • Donate to Member
Re: WYSIWYG html/xml creator
« Reply #1 on: December 27, 2012, 10:29 PM »
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.
Slow Down Music - Where I commit thought crimes...

Freedom is the right to be wrong, not the right to do wrong. - John Diefenbaker

kalos

  • Member
  • Joined in 2006
  • **
  • default avatar
  • Posts: 1,823
    • View Profile
    • Donate to Member
Re: WYSIWYG html/xml creator
« Reply #2 on: December 28, 2012, 01:19 AM »
can I load these in Aptana?

http://jqueryui.com/resizable/

Renegade

  • Charter Member
  • Joined in 2005
  • ***
  • Posts: 13,288
  • Tell me something you don't know...
    • View Profile
    • Renegade Minds
    • Donate to Member
Re: WYSIWYG html/xml creator
« Reply #3 on: December 28, 2012, 03:56 AM »
can I load these in Aptana?

http://jqueryui.com/resizable/

Yup! Aptana is fantastic for JavaScript.
Slow Down Music - Where I commit thought crimes...

Freedom is the right to be wrong, not the right to do wrong. - John Diefenbaker

kalos

  • Member
  • Joined in 2006
  • **
  • default avatar
  • Posts: 1,823
    • View Profile
    • Donate to Member
Re: WYSIWYG html/xml creator
« Reply #4 on: December 31, 2012, 11:50 AM »
do you know how to load jquery plugins?
is this a simple procedure or it needs customization etc?

Renegade

  • Charter Member
  • Joined in 2005
  • ***
  • Posts: 13,288
  • Tell me something you don't know...
    • View Profile
    • Renegade Minds
    • Donate to Member
Re: WYSIWYG html/xml creator
« Reply #5 on: December 31, 2012, 10:04 PM »
do you know how to load jquery plugins?
is this a simple procedure or it needs customization etc?

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.
Slow Down Music - Where I commit thought crimes...

Freedom is the right to be wrong, not the right to do wrong. - John Diefenbaker

kalos

  • Member
  • Joined in 2006
  • **
  • default avatar
  • Posts: 1,823
    • View Profile
    • Donate to Member
Re: WYSIWYG html/xml creator
« Reply #6 on: January 01, 2013, 12:13 PM »
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.

can you elaborate please

Renegade

  • Charter Member
  • Joined in 2005
  • ***
  • Posts: 13,288
  • Tell me something you don't know...
    • View Profile
    • Renegade Minds
    • Donate to Member
Re: WYSIWYG html/xml creator
« Reply #7 on: January 01, 2013, 06:46 PM »
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.
Slow Down Music - Where I commit thought crimes...

Freedom is the right to be wrong, not the right to do wrong. - John Diefenbaker

kalos

  • Member
  • Joined in 2006
  • **
  • default avatar
  • Posts: 1,823
    • View Profile
    • Donate to Member
Re: WYSIWYG html/xml creator
« Reply #8 on: January 02, 2013, 03:49 AM »
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

  • Charter Member
  • Joined in 2005
  • ***
  • Posts: 13,288
  • Tell me something you don't know...
    • View Profile
    • Renegade Minds
    • Donate to Member
Re: WYSIWYG html/xml creator
« Reply #9 on: January 02, 2013, 03:58 AM »
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>

Slow Down Music - Where I commit thought crimes...

Freedom is the right to be wrong, not the right to do wrong. - John Diefenbaker