Stack Overflow
Stack Overflow

Questions tagged [wysiwyg]

WYSIWYG (What You See Is What You Get) describes editors for graphical design which commonly do not require knowledge of the code underlying the product. The editor translates the user's edits back into a markup language such as HTML. Examples include Microsoft Visual Studio, Adobe Dreamweaver's design view and many CMS editors.

Description

A WYSIWYG (What You See Is What You Get), is a term to describe an online, desktop, or any mean of editor on any platform with embedded previewing. It includes buttons for text styles such as bold, italic, etc., as well as for inserting elements such as links and tables.

The underlying code is (usually) invisible to the common user. They see only the result in the editor, which works as a preview for the outcome.

Useful Links

2432 questions
24
votes
3 answers

How do online rich text editors work?

I was wondering how online rich text editors maintain the formatting when you paste text from a webpage or document. A standard textarea box only takes text while these WYSIWYG editors seem to use a DIV. How does it work?
hoju
  • 28,392
  • 37
  • 134
  • 178
24
votes
4 answers

CKEditor Image Upload

I am looking to include CKEditor in a project I am working on and I need the image upload support provided by the CKFinder plugin, however I do not particularly need the rest of the CKFinder tool and thus purchasing a license is a little overkill.…
Nathan Taylor
  • 24,423
  • 19
  • 99
  • 156
23
votes
6 answers

The State of contenteditable

The State of contenteditable The markup produced by wysiwyg editors is atrocious. Its littered with style attributes and often is not even valid HTML (missing closing tags, overlapping styling, etc). Are there any established solutions to the…
brad
  • 73,826
  • 21
  • 73
  • 85
22
votes
5 answers

Live Preview / WYSIWYG support for Notepad++?

Anyone know of a way to have a split screen view in Notepad++ where I can be editing my HTML / CSS in one pane/tab and be seeing the Live Preview of what it would look like in a browser in another tab/pane? Ideally, this would be: in Notepad++…
Flak DiNenno
  • 2,193
  • 4
  • 30
  • 57
21
votes
5 answers

Prevent CKEditor from formatting code in source mode

How can you prevent any automatic formatting when in CKEditor when viewing in source mode? I like to edit HTML source code directly instead of using the WYSIWYG interface, but whenever I write new lines, or layout tags how I would indent them, it…
SikoSoft
  • 584
  • 1
  • 7
  • 13
20
votes
6 answers

Getting WP Tinymce's Content

I'm trying to write a Wordpress plugin. I will get counts words which in WP's Tinymce editor. Basically, it's a word counter which counting long of your post and giving you this message in a meta box Your post has 450 words My just problem is…
Eray
  • 7,038
  • 16
  • 70
  • 120
20
votes
2 answers

draft-js Cannot read property 'getIn' of undefined ( getUpdatedSelectionState )

I have this error with draft-js with draft-js-plugins-editor STRANGE BEHAVIOR: it only happens, when I refocus to first line of editor after writing, when trying to set for eg. the header of first line to H1 it changes previous focused line ERROR:…
Andrej Lacko
  • 319
  • 2
  • 9
20
votes
2 answers

How can I use stackedit's markdown editor in my application

I am looking for a way to integrate stackedit's markdown editor into my own project and I can not find a way to do this. I looked into stackedit's github page and I am stuck. I see how can I edit nicely already precreated document, but I want to…
Salvador Dali
  • 214,103
  • 147
  • 703
  • 753
19
votes
1 answer

How does Optimizely & Visual Website Optimizer handle visual DOM editing?

Optimizely & Visual Website Optimizer are two cool sites that allow users to perform simple A/B Testing. One of the coolest things they do is visual DOM editing. You can visually manipulate a webpage and save the changes offline. The changes are…
MB.
  • 4,167
  • 8
  • 52
  • 79
17
votes
4 answers

JS: Get array of all selected nodes in contentEditable div

Hi I've been working with contentEditable for a while now and I think I have a pretty good handle on it. One thing that's evading me is how to get an array of references to all nodes that are partially or fully within the user's selection. Anyone…
cronoklee
  • 6,482
  • 9
  • 52
  • 80
17
votes
1 answer

Google Chrome escapes WYSIWYG Javascript

So my problem is relatively simple, I've Googled all over to find a solution but I've yet to find one. The problem is, I've developed a WYSIWYG plugin for Drupal's WYSIWYG module/framework (not sure if this is relevant). The purpose of the plugin is…
tobbr
  • 2,046
  • 3
  • 14
  • 15
17
votes
10 answers

FCK Editor Alternatives

I've been using the FCK Editor for several of my client sites in the past. Recently due to some new browser security updates(I'm assuming) some of the functionality is now breaking. I was planning on updating those sites to the most recent version,…
Ryan Smith
  • 8,344
  • 22
  • 76
  • 103
16
votes
6 answers

Prezi HTML5 Editor via impress.js

I recently known that impress.js has been created as a HTML5 version of Prezi. This helps us to move away from the proprietary Flash technology, and instead use an open web standard that will become universal to all platforms. However, it is…
auroranil
  • 2,621
  • 6
  • 24
  • 34
16
votes
10 answers

WYSIWYG editor vs Hand Code

What are the pros and cons of using a WYSIWYG editor for web page development vs hand coding? With the exception of just not knowing how to create something by hand coding is there any reasons to use WYSIWYG?
Bolt_Head
  • 1,453
  • 5
  • 17
  • 26
16
votes
2 answers

Sitecore Rich Text Html Editor Profile - set global default

OK I can't believe this can't be found anywhere so I'm asking the question. Is there a way to set the default Html Editor Profile in Sitecore so I don't have the override the Source field on each individual Rich Text field? e.g. I want to make this…
misteraidan
  • 1,984
  • 4
  • 23
  • 31
1 2
3
…
99 100