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
267
votes
2 answers

GUI-based or Web-based JSON editor that works like property explorer

Background: This is a request for something that may not exist yet, but I've been meaning to build one for a long time. First I will ask if anyone has seen anything like it yet. Suppose you have an arbitrary JSON structure like the following: { …
dreftymac
  • 31,404
  • 26
  • 119
  • 182
107
votes
7 answers

Integrated Markdown WYSIWYG text editor

In looking for a straightforward WYSIWYG editor for Markdown code, I am not finding a comparible UI to that of CkEditor, TinyMCE, ect. Specifically, the Markdown "WYSIWYG" editors that are often recommended (such as posts like this ) are not pure…
a coder
  • 7,530
  • 20
  • 84
  • 131
61
votes
3 answers

Get caret (cursor) position in contentEditable area containing HTML content

I have contentEditable element (can be p, div, ...) and I would like to get caret (cursor) position in it. I can normally achieve it with this piece of code: var position = window.getSelection().getRangeAt(0).startOffset; This works fine while the…
Frodik
  • 14,986
  • 23
  • 90
  • 141
58
votes
5 answers

Wysiwyg editor for angular4

Does someone knows a good free wysiwyg editor compatible with angular 4 ? Froala seems to be good but unfortunately it's not free. Maybe using angular 4 was not a good idea because it's hard to find a lot of basic things ... Thank you
error
  • 926
  • 3
  • 10
  • 19
57
votes
13 answers

make readonly/disable tinymce textarea

I need to disable or make readonly a tinymce textarea at runtime.
Ahmed-Anas
  • 5,471
  • 9
  • 50
  • 72
53
votes
3 answers

Any WYSIWYG rich text editor that doesn't use HTML (contenteditable or designMode), a la (the new) Google Docs?

Besides the new Google Docs, all the other WYSIWYG web-based rich text editors (ckeditor, tinymce, old Google Docs) I've seen are based on contenteditable or designMode. I personally hate using these editors. It doesn't take much formatting or…
Yang
  • 16,037
  • 15
  • 100
  • 142
52
votes
3 answers

What are all the possible settings attributes in TinyMCE's addButton() function?

The documentation is not very clear on this. name - String - Button name to add. settings - Object - Settings object with title, cmd etc. "etc"? Really? Where can I see the rest of the possible attributes?
mae
  • 14,947
  • 8
  • 32
  • 47
45
votes
4 answers

how to add font-size toolbar in tinyMCE?

this way i initialize tinyMCE to a textarea. font, bold italic is working but font size select is not working . tinymce.init({ selector: "textarea#content", theme: "modern", width: 586, height: 300, menubar:false, …
Hasnain
  • 529
  • 2
  • 7
  • 9
44
votes
11 answers

Wysiwyg with image copy/paste

First, I understand that an image cannot be "copied" from a local machine into a website. I understand that it must be uploaded. I am a web programmer, and am familiar with common web wysiwyg tools such as TinyMCE and FCKEditor. My question is if…
jW.
  • 9,280
  • 12
  • 46
  • 50
43
votes
2 answers

Rich Text Editor for AngularJS

I use TextAngular which sucks to the core! Anybody using it would know. My users complain every single day :( I'm looking at alternatives and found some such as Froala ($199) & CKEditor but they require JQuery. Is there any "good" editor for…
Elaine Byene
  • 3,868
  • 12
  • 50
  • 96
42
votes
2 answers

TinyMce Allow all Html tag

I'm using TinyMce and even though the danger of a script attack, I need to enable all html tags with the editor. Currently, I'm use like: valid_elements: "@[class],p[style],h3,h4,h5,h6,a[href|target],strong/b," +…
E-A
  • 1,995
  • 6
  • 33
  • 47
41
votes
6 answers

TinyMCE Paste As Plain Text

This is one of the common issue with RTEs on web. Could you please guide me through how to: Paste as the PLAIN TEXT Retain the HTML but remove the WORD/HTML styling I want to do it directly on paste (paste_preprocess callback), without opening the…
Saim
  • 2,471
  • 5
  • 30
  • 43
40
votes
7 answers

Is there any good IDE or WYSIWYG editor for graphviz?

Actually I had downloaded an GUI for graphviz (dont remember the site), which said that they had won an Apple Design Award. But that tool really only displays an *.dot file I created. That's it. It's just called "Graphviz"... I guess that there are…
Thanks
  • 40,109
  • 71
  • 208
  • 322
38
votes
14 answers

How do I remove tinyMCE and then re-add it?

I am trying to add the tinyMCE editor to my page, remove it, then add it again but am getting errors. When I run Part A, then Part B, Than Part A again I get the error: Error: g.win.document is null Source File: tiny_mce/tiny_mce.js Line: 1 Part…
Justin808
  • 20,859
  • 46
  • 160
  • 265
37
votes
15 answers

How to change default font size in tinymce?

I am using jquery tinymce editor. Default font size is 10. I like to change that default font size. How can i do that,
Mohan Ram
  • 8,345
  • 25
  • 81
  • 130
1
2 3
…
99 100