WYSIWYG Editor
   HOME

TheInfoList



OR:

In
computing Computing is any goal-oriented activity requiring, benefiting from, or creating computing machinery. It includes the study and experimentation of algorithmic processes, and development of both hardware and software. Computing has scientific, e ...
, WYSIWYG ( ), an
acronym An acronym is a word or name formed from the initial components of a longer name or phrase. Acronyms are usually formed from the initial letters of words, as in ''NATO'' (''North Atlantic Treaty Organization''), but sometimes use syllables, as ...
for What You See Is What You Get, is a system in which
editing Editing is the process of selecting and preparing written, photographic, visual, audible, or cinematic material used by a person or an entity to convey a message or information. The editing process can involve correction, condensation, orga ...
software allows content to be edited in a form that resembles its appearance when printed or displayed as a finished product, such as a printed document, web page, or slide presentation. WYSIWYG implies a
user interface In the industrial design field of human–computer interaction, a user interface (UI) is the space where interactions between humans and machines occur. The goal of this interaction is to allow effective operation and control of the machine f ...
that allows the user to view something very similar to the end result while the document is being created. In general, WYSIWYG implies the ability to directly manipulate the
layout Layout may refer to: * Page layout, the arrangement of visual elements on a page ** Comprehensive layout (comp), a proposed page layout presented by a designer to their client * Layout (computing), the process of calculating the position of obje ...
of a document without having to type or remember names of layout commands.


History

Before the adoption of WYSIWYG techniques, text appeared in editors using the system standard
typeface A typeface (or font family) is the design of lettering that can include variations in size, weight (e.g. bold), slope (e.g. italic), width (e.g. condensed), and so on. Each of these variations of the typeface is a font. There are list of type ...
and style with little indication of layout (
margins Margin may refer to: Physical or graphical edges *Margin (typography), the white space that surrounds the content of a page *Continental margin, the zone of the ocean floor that separates the thin oceanic crust from thick continental crust *Leaf ...
,
spacing Spacing may refer to: * ''Spacing'' (magazine), a Canadian magazine * Spacing effect in psychology; the opposite of cramming * The usage of spaces in typography ** Letter-spacing, the amount of space between a group of letters ** Line spacing or ...
, etc.). Users were required to enter special non-printing ''control codes'' (now referred to as markup ''code tags'') to indicate that some text should be in
boldface In typography, emphasis is the strengthening of words in a text with a font in a different style from the rest of the text, to highlight them. It is the equivalent of prosody stress in speech. Methods and use The most common methods in W ...
,
italics In typography, italic type is a cursive font based on a stylised form of calligraphic handwriting. Owing to the influence from calligraphy, italics normally slant slightly to the right. Italics are a way to emphasise key points in a printed tex ...
, or a different
typeface A typeface (or font family) is the design of lettering that can include variations in size, weight (e.g. bold), slope (e.g. italic), width (e.g. condensed), and so on. Each of these variations of the typeface is a font. There are list of type ...
or size. In this environment there was very little distinction between
text editor A text editor is a type of computer program that edits plain text. Such programs are sometimes known as "notepad" software (e.g. Windows Notepad). Text editors are provided with operating systems and software development packages, and can be us ...
s and
word processor A word processor (WP) is a device or computer program that provides for input, editing, formatting, and output of text, often with some additional features. Word processor (electronic device), Early word processors were stand-alone devices ded ...
s. These applications typically used an arbitrary
markup language Markup language refers to a text-encoding system consisting of a set of symbols inserted in a text document to control its structure, formatting, or the relationship between its parts. Markup is often used to control the display of the document ...
to define the codes/tags. Each program had its own special way to format a document, and it was a difficult and time-consuming process to change from one word processor to another. The use of markup tags and codes remains popular today in some applications due to their ability to store complex formatting information. When the tags are made visible in the editor, however, they occupy space in the unformatted text, and as a result can disrupt the desired layout and flow.
Bravo Bravo(s) or The Bravo(s) may refer to: Arts and entertainment Music Groups and labels *Bravo (band), a Russian rock band * Bravo (Spanish group), represented Spain at Eurovision 1984 *Bravo Music, an American concert band music publishing company ...
, a document preparation program for the
Alto The musical term alto, meaning "high" in Italian (Latin: ''altus''), historically refers to the contrapuntal part higher than the tenor and its associated vocal range. In 4-part voice leading alto is the second-highest part, sung in choruses by ...
produced at
Xerox PARC PARC (Palo Alto Research Center; formerly Xerox PARC) is a research and development company in Palo Alto, California. Founded in 1969 by Jacob E. "Jack" Goldman, chief scientist of Xerox Corporation, the company was originally a division of Xero ...
by
Butler Lampson Butler W. Lampson, ForMemRS, (born December 23, 1943) is an American computer scientist best known for his contributions to the development and implementation of distributed personal computing. Education and early life After graduating from the ...
,
Charles Simonyi Charles Simonyi (; hu, Simonyi Károly, ; born September 10, 1948) is a Hungarian-American software architect. He started and led Microsoft's applications group, where he built the first versions of Microsoft Office. He co-founded and led In ...
and colleagues in 1974, is generally considered to be the first program to incorporate the WYSIWYG technology, displaying text with formatting (e.g. with justification, fonts, and proportional spacing of characters). The Alto monitor (72 PPI, based on the
typographic unit Typographic units are the units of measurement used in typography or typesetting. Traditional typometry units are different from familiar metric units because they were established in the early days of printing. Though most printing is digital n ...
) was designed so that one full page of text could be seen and then printed on the first
laser printer Laser printing is an electrostatic digital printing process. It produces high-quality text and graphics (and moderate-quality photographs) by repeatedly passing a laser beam back and forth over a negatively-charged cylinder called a "drum" to d ...
s. When the text was laid out on the screen, 72 PPI font metric files were used, but when printed, 300 PPI files were used. As a result, one would occasionally find characters and words that are slightly off—a problem that would continue up to this day. Bravo was released commercially, and the software eventually included in the
Xerox Star The Xerox Star workstation, officially named Xerox 8010 Information System, is the first commercial personal computer to incorporate technologies that have since become standard in personal computers, including a bitmapped display, a window-based ...
can be seen as a direct descendant of it. In late 1978, in parallel with but independent of the work at Xerox PARC,
Hewlett Packard The Hewlett-Packard Company, commonly shortened to Hewlett-Packard ( ) or HP, was an American multinational information technology company headquartered in Palo Alto, California. HP developed and provided a wide variety of hardware components ...
developed and released the first commercial WYSIWYG software application for producing overhead slides (or what today are referred to as presentation graphics). The first release, named
BRUNO Bruno may refer to: People and fictional characters *Bruno (name), including lists of people and fictional characters with either the given name or surname * Bruno, Duke of Saxony (died 880) * Bruno the Great (925–965), Archbishop of Cologne, ...
(after an HP sales training puppet), ran on the
HP 1000 HP may refer to: Businesses and organisations * HP Inc., an American technology company ** Hewlett-Packard, the predecessor to HP Inc. * HP Foods ** HP Sauce, formerly made by HP Foods * Handley Page, an aircraft company * Hindustan Petroleum ...
minicomputer, taking advantage of
HP 2640 The HP 2640A and other HP 264X models were block-mode "smart" and intelligent ASCII standard serial terminals produced by Hewlett-Packard using the Intel 8008 and 8080 microprocessors. History The HP 2640A was introduced in November 1974 at a l ...
—HP's first bitmapped computer terminal.
BRUNO Bruno may refer to: People and fictional characters *Bruno (name), including lists of people and fictional characters with either the given name or surname * Bruno, Duke of Saxony (died 880) * Bruno the Great (925–965), Archbishop of Cologne, ...
was then ported to the HP-3000 and re-released as "HP Draw". By 1981,
MicroPro WordStar is a word processor application for microcomputers. It was published by MicroPro International and originally written for the CP/M-80 operating system, and later written also for MS-DOS and other 16-bit PC OSes. Rob Barnaby was the sol ...
advertised that its
WordStar WordStar is a word processor application for microcomputers. It was published by MicroPro International and originally written for the CP/M-80 operating system, and later written also for MS-DOS and other 16-bit PC OSes. Rob Barnaby was the sol ...
word processor had WYSIWYG, but its display was limited to displaying
styled text Style is a manner of doing or presenting things and may refer to: * Architectural style, the features that make a building or structure historically identifiable * Design, the process of creating something * Fashion, a prevailing mode of clothing ...
in WYSIWYG fashion; bold and ''italic'' text would be represented on screen, instead of being surrounded by tags or special
control characters In computing and telecommunication, a control character or non-printing character (NPC) is a code point (a number) in a character set, that does not represent a written symbol. They are used as in-band signaling to cause effects other than the ...
. In 1983, the ''
Weekly Reader ''Weekly Reader'' was a weekly educational classroom magazine designed for children. It began in 1928 as ''My Weekly Reader''. Editions covered curriculum themes in the younger grade levels and news-based, current events and curriculum themed-i ...
'' advertised its Stickybear educational software with the slogan "what you see is what you get", with photographs of its Apple II graphics, but home computers of the 1970s and early 1980s lacked the sophisticated graphics capabilities necessary to display WYSIWYG documents, meaning that such applications were usually confined to limited-purpose, high-end workstations (such as the
IBM Displaywriter System The IBM 6580 Displaywriter System is a 16-bit microcomputer that was marketed and sold by IBM's Office Products Division primarily as a word processor. Announced in June 1980 and effectively withdrawn from marketing in July 1986, the system was s ...
) that were too expensive for the general public to afford. As improving technology allowed the production of cheaper bitmapped displays, WYSIWYG software started to appear in more popular computers, including
LisaWrite Lisa is a desktop computer developed by Apple Inc., Apple, released on January 19, 1983. It is one of the first personal computers to present a graphical user interface (GUI) in a machine aimed at individual business users. Its development beg ...
for the
Apple Lisa Lisa is a desktop computer developed by Apple, released on January 19, 1983. It is one of the first personal computers to present a graphical user interface (GUI) in a machine aimed at individual business users. Its development began in 1978. ...
, released in 1983, and
MacWrite MacWrite is a WYSIWYG word processor application released along with the first Apple Macintosh systems in 1984. Together with MacPaint, it was one of the two original "killer applications" that propelled the adoption and popularity of the GUI i ...
for the
Apple Macintosh The Mac (known as Macintosh until 1999) is a family of personal computers designed and marketed by Apple Inc. Macs are known for their ease of use and minimalist designs, and are popular among students, creative professionals, and software en ...
, released in 1984. The
Apple Macintosh The Mac (known as Macintosh until 1999) is a family of personal computers designed and marketed by Apple Inc. Macs are known for their ease of use and minimalist designs, and are popular among students, creative professionals, and software en ...
system was originally designed so that the
screen resolution The display resolution or display modes of a digital television, computer monitor or display device is the number of distinct pixels in each dimension that can be displayed. It can be an ambiguous term especially as the displayed resolution is ...
and the resolution of the
ImageWriter The ImageWriter is a product line of dot matrix printers formerly manufactured by Apple Computer, Inc., and designed then to be compatible with their entire line of computers. There were three different models introduced over time, which were p ...
dot-matrix printer A dot matrix printer is an impact printer that prints using a fixed number of pins or wires. Typically the pins or wires are arranged in one or several vertical columns. The pins strike an ink-coated ribbon and force contact between the ribbon ...
s sold by Apple were easily scaled: 72 PPI for the screen and 144
DPI A Daytona Prototype International (DPi) was a type of sports prototype racing car developed specifically for the International Motor Sports Association's WeatherTech SportsCar Championship, as their top class of car, acting as a direct replacemen ...
for the printers. Thus, the scale and dimensions of the on-screen display in programs such as
MacWrite MacWrite is a WYSIWYG word processor application released along with the first Apple Macintosh systems in 1984. Together with MacPaint, it was one of the two original "killer applications" that propelled the adoption and popularity of the GUI i ...
and
MacPaint MacPaint is a raster graphics editor developed by Apple Computer and released with the original Macintosh personal computer on January 24, 1984. It was sold separately for US$195 with its word processing counterpart, MacWrite. MacPaint was nota ...
were easily translated to the printed output. If the paper were held up to the screen, the printed image would be the same size as the on-screen image, but at twice the resolution. As the
ImageWriter The ImageWriter is a product line of dot matrix printers formerly manufactured by Apple Computer, Inc., and designed then to be compatible with their entire line of computers. There were three different models introduced over time, which were p ...
was the only model of printer physically compatible with the Macintosh printer port, this created an effective closed system. Later, when Macs using external displays became available, the resolution was fixed to the size of the screen to achieve 72 DPI. These resolutions often differed from the VGA-standard resolutions common in the PC world at the time. Thus, while a Macintosh monitor had the same 640 × 480 resolution as a PC, a screen would be fixed at 832 × 624 rather than the 800 × 600 resolution used by PCs. With the introduction of third-party dot-matrix printers as well as
laser printer Laser printing is an electrostatic digital printing process. It produces high-quality text and graphics (and moderate-quality photographs) by repeatedly passing a laser beam back and forth over a negatively-charged cylinder called a "drum" to d ...
s and
multisync A multiple-sync (multisync) monitor, also known as a multiscan or multimode monitor, is a raster-scan analog video monitor that can properly synchronise with multiple horizontal and vertical scan rates. In contrast, fixed frequency monitors can ...
monitors, resolutions deviated from even multiples of the screen resolution, making true WYSIWYG harder to achieve.


Etymology

The phrase "what you see is what you get," from which the acronym derives, was a
catchphrase A catchphrase (alternatively spelled catch phrase) is a phrase or expression recognized by its repeated utterance. Such phrases often originate in popular culture and in the arts, and typically spread through word of mouth and a variety of mass ...
popularized by
Flip Wilson Clerow "Flip" Wilson Jr. (December 8, 1933 – November 25, 1998) was an American comedian and actor best known for his television appearances during the late 1960s and 1970s. From 1970 to 1974, Wilson hosted his own weekly variety series ''The F ...
's drag persona
Geraldine Geraldine may refer to: People * Geraldine (name), the feminine form of the first name Gerald, with list of people thus named. * The Geraldines, Irish dynasty descended from the Anglo-Norman Gerald FitzWalter de Windsor * Geraldine of Albania, th ...
, first appearing in September 1969, then regularly in the early 1970s on ''
The Flip Wilson Show ''The Flip Wilson Show'' is an hour-long variety show that originally aired in the US on NBC from September 17, 1970, to June 27, 1974. The show starred American comedian Flip Wilson; the program was one of the first American television programs s ...
''. The phrase was a statement demanding acceptance of Geraldine's entire personality and appearance. Multiple hit songs and albums debuted in 1971 that could have also contributed to popularizing this phrase including "
What You See Is What You Get In computing, WYSIWYG ( ), an acronym for What You See Is What You Get, is a system in which editing software allows content to be edited in a form that resembles its appearance when printed or displayed as a finished product, such as a printed d ...
" by
Stoney & Meatloaf ''Stoney and Meatloaf'' is the only album by Stoney & Meatloaf, a collaboration between Meat Loaf and female vocalist Shaun Murphy, released in 1971 on the Motown subsidiary label Rare Earth. Meat Loaf and Murphy met while performing with the D ...
, ''
Stand by Me (Whatcha See Is Whatcha Get) ''Stand By Me (Whatcha See Is Whatcha Get)'' is an album led by jazz drummer Bernard Purdie which was recorded for the Mega label in 1971 and released on their Flying Dutchman Series.
'' by
Bernard Purdie Bernard Lee "Pretty" Purdie (born June 11, 1939) is an American drummer, and an influential R&B, soul and funk musician. He is known for his precise musical time keeping and his signature use of triplets against a half-time backbeat: the "Purdie ...
, and ''
Whatcha See Is Whatcha Get Whatcha See Is Whatcha Get may refer to: * "Whatcha See Is Whatcha Get" (album), a 1971 album by The Dramatics ** "Whatcha See Is Whatcha Get" (song), the title track from the album * '' Stand by Me (Whatcha See Is Whatcha Get)'', 1971 album by P ...
'' by
The Dramatics The Dramatics are an American soul music vocal group, formed in Detroit, Michigan, in 1964. They are best known for their 1970s hit songs " In the Rain" and "Whatcha See Is Whatcha Get", both of which were Top 10 Pop hits, as well as their late ...
. As it relates to computing, there are multiple claims to first use of the phrase: * Around 1974, Karen Thacker, the technophobe wife of
Xerox Xerox Holdings Corporation (; also known simply as Xerox) is an American corporation that sells print and electronic document, digital document products and services in more than 160 countries. Xerox is headquartered in Norwalk, Connecticut (ha ...
hardware designer Charles "Chuck" Thacker, was introduced to a
Xerox Alto The Xerox Alto is a computer designed from its inception to support an operating system based on a graphical user interface (GUI), later using the desktop metaphor. The first machines were introduced on 1 March 1973, a decade before mass-market G ...
running
Bravo Bravo(s) or The Bravo(s) may refer to: Arts and entertainment Music Groups and labels *Bravo (band), a Russian rock band * Bravo (Spanish group), represented Spain at Eurovision 1984 *Bravo Music, an American concert band music publishing company ...
, and commented, "You mean, what I see is what I get?" *In mid-1975,
John W. Seybold John W. Seybold (March 8, 1916 – March 14, 2004) was a father of computer typesetting. His firm ROCAPPI (Research on Computer Applications in the Printing and Publishing Industries), started in 1963, was a pioneer in developing computer-based ...
, the founder of Seybold Publications, and researchers at PARC, incorporated Gypsy software into
Bravo Bravo(s) or The Bravo(s) may refer to: Arts and entertainment Music Groups and labels *Bravo (band), a Russian rock band * Bravo (Spanish group), represented Spain at Eurovision 1984 *Bravo Music, an American concert band music publishing company ...
to create Bravo 3, which allowed text to be printed as displayed.
Charles Simonyi Charles Simonyi (; hu, Simonyi Károly, ; born September 10, 1948) is a Hungarian-American software architect. He started and led Microsoft's applications group, where he built the first versions of Microsoft Office. He co-founded and led In ...
and the other engineers appropriated Flip Wilson's popular phrase around that time. * Barbara Beeton reports that the term was coined by Bill Tunnicliffe, in a presentation at a 1978 committee meeting involving the Graphic Communications Association (GCA), the
American Mathematical Society The American Mathematical Society (AMS) is an association of professional mathematicians dedicated to the interests of mathematical research and scholarship, and serves the national and international community through its publications, meetings, ...
(AMS), and the Printing Industries of America (PIA).


Variations

Many variations are used only to illustrate a point or make a joke, and have very limited real use. Some that have been proposed include the following: * WYGIWYG; ''what you get is what you get'', often used in a similar way to WYSIAYG, WYSIMOLWYG, or WYSINWYW. * WYGIWYS, ''what you get is what you see'', used in computing to describe an interaction paradigm in results-oriented user interface. The term was used by
Jakob Nielsen Jacob or Jakob Nielsen may refer to: * Jacob Nielsen, Count of Halland (died c. 1309), great grandson of Valdemar II of Denmark * , Norway (1768-1822) * Jakob Nielsen (mathematician) (1890–1959), Danish mathematician known for work on automorphi ...
to describe
Microsoft Office 2007 Microsoft Office 2007 (codenamed Office 12) is an office suite for Windows, developed and published by Microsoft. It was officially revealed on March 9, 2006 and was the 12th version of Microsoft Office. It was released to manufacturing on Novemb ...
's "Ribbon" interface * WYSIAWYG; ''what you see is almost what you get'', similar to WYSIMOLWYG. * WYSIAYG, ''what you see is all you get'', used to point out that advanced users are sometimes limited by the user interface. * WYSIMOLWYG, ''what you see is more or less what you get'', recognizing that most WYSIWYG implementations are imperfect. * WYSINWOG, ''what you see is not what others get'', a reminder that it's wise to consider that different browsers often render content in different ways. * WYSINWYW, ''what you see is not what you want'', suggesting that Microsoft Word often controls the user, not the other way around * WYSIWYW, ''what you see is what you want'', used to describe
GNU TeXmacs GNU TeXmacs is a scientific word processor and typesetting component of the GNU Project. It originated as GNU Emacs with TeX functionalities, though it shares no code with those programs, while using TeX fonts. It is written and maintained by Jori ...
editing platform. The abbreviation clarifies that unlike in WYSIWYG editors, the user is able to customize WYSIWYW platforms to act (possibly in part) as manual typesetting programs such as
TeX Tex may refer to: People and fictional characters * Tex (nickname), a list of people and fictional characters with the nickname * Joe Tex (1933–1982), stage name of American soul singer Joseph Arrington Jr. Entertainment * ''Tex'', the Italian ...
or
troff troff (), short for "typesetter roff", is the major component of a document processing system developed by Bell Labs for the Unix operating system. troff and the related nroff were both developed from the original roff. While nroff was inten ...
. * YAFIYGI, ''you asked for it you got it'', used to describe a text-command oriented document editing system that does not include WYSIWYG, in reference to the fact that users of such systems often ask for something they did not really want. It is considered to be the opposite of WYSIWYG. The phrase was first used in this context in 1983 in the essay
Real Programmers Don't Use Pascal "Real Programmers Don't Use Pascal" (a parody of the bestselling 1982 tongue-in-cheek book on stereotypes about masculinity ''Real Men Don't Eat Quiche'') is an essay about computer programming written by Ed Post of Tektronix, Inc., and published i ...
to describe the TECO text editor system, and began to be abbreviated circa 1993.


See also

*
Comparison of HTML editors The following tables compare general and technical information for a number of HTML editors. Please see the individual products' articles for further information, comparison of text editors for information on text editors, and comparison of word ...
*
List of HTML editors The following is a list of HTML editors. Source code editors Source code editors evolved from basic text editors, but include additional tools specifically geared toward handling code. *ActiveState Komodo *Aptana *Arachnophilia *Atom *BBEdit ...
*
Website builder Website builders are tools that typically allow the construction of websites without manual code editing. They fall into two categories: * online proprietary tools provided by web hosting service companies. These are typically intended for serv ...
*
HTML editor An HTML editor is a program for editing HTML, the markup of a web page. Although the HTML markup in a web page can be controlled with any text editor, specialized HTML editors can offer convenience and added functionality. For example, many HT ...
*
Visual editor A visual editor is computer software for editing text files using a textual or graphical user interface that normally renders the content (text) in accordance with embedded markup code, e.g., HTML, Wikitext, rather than displaying the raw text. E ...
*
DWIM DWIM (do what I mean) computer systems attempt to anticipate what users intend to do, correcting trivial errors automatically rather than blindly executing users' explicit but potentially incorrect input. Software The term was coined by Warren Teit ...
*
VisualEditor VisualEditor (VE) is an online rich-text editor for MediaWiki-powered wikis that provides a direct visual way to edit pages based on the "what you see is what you get" principle. It was developed by the Wikimedia Foundation in partnership with ...
, an online rich-text editor for MediaWiki-powered wikis


References


External links

{{Wiktionary, WYSIWYG, what you see is what you get
The Jargon File entry for WYSIWYG


nbsp;– Critical paper about the negative effects the introduction of WYSIWYG has had as of 1996.
XML: WYSIWYG to WYSIWYM – A brief look at XML document authoring
An article on existing XML authoring software (May 2005) * ATPM.com'
WYSIWYG: Is it What You Want?
User interfaces Computing acronyms Word processors Presentation software Editing software