Please see WYSIWYG and Markdown.
Torsten
doc:WYSIWYG
Idea for solving some of the WYSIWYG issues:
::Text:: !More Heading Wiki Syntax {DIV()}Some Stuff Seen Only When Using Wiki-editor{DIV} {WYSIWIG(id=“wysiwyg_area_01, group=“editors“)}<p>My Wysiwyg</p>{WYSIWIG} Wiki Syntax again {SPLIT()}{SPLIT}
WYSIWYG plugin can "protect" the wiki syntax from being messed. Additionally by having an id and groups we could achieve pages with different edit permissions per section. Done for Tiki9 with PluginWYSIWYG.
Status/RoadMap
For Tiki 6 see new notes here: wysiwyg editor update to CKEditor.
The rest of this page is probably mostly obsolete...
Since Tiki 1.10, Wysiwyg in Tiki is implemented using FCKEditor. It is tagged as experimental as it's not as reliable as it should.
Some further (recent - July 2009) observations and issues
A short description on trying to use the WYSIWYG editor in a new site deployment using Tiki 3.0 are available here
Old reports of issues
[+]Problem 1: Wiki formatting entered in wysiwyg don't survive save.
Most notably !hello enclosed in para tag does not become a header.
- Solution used by nkoth (he needs to port this from his now deprecated 1.9/TinyMCE to 1.10/FCKEditor): Create a parse_wysiwyg_onsave() function that is called whenever something is saved from wysiwyg editor.
- Roadmap: nkoth has only basic things in his stuff. Others can help in adding to this. The goal is not necessarily to replace all HTML with wiki syntax. Stuff going into the parse_wysiwyg_onsave() function will be classified either as "mandatory" (i.e. will cause bug otherwise), or "optional" (i.e. optional feature with the aim to replace all html tags with wiki syntax on save), so that people who don't care about the optional stuff can turn it off (since more parsing likely == more bugs).
Problem 2: Wiki tags appearing in wysiwyg mode.
This is caused by someone else using non-wysiwyg causing introduction of undesired wiki syntax. Not all wiki syntax is undesired, for example, links are obviously desired.
- Solution used by nkoth (he needs to port this from his now deprecated 1.9/TinyMCE to 1.10/FCKEditor): Parse data before passing it to wysiwyg editor. This is done by modifying parse_data() to receive an additional parameter "$for_wysiwyg = true/false" to limit the parsing done before edit. In other words, this is a subset of the current parse_data(). Obviously, some stuff like {...} and wiki links (or anything that creates an internal url) should not be parsed for wysiwyg editing but only for viewing/previewing.
- Roadmap: nkoth had this working in his deprecated setup. To test after his port.
Problem 3: Html tags appearing in non-wysiwyg mode.
This is caused by someone else using wysiwyg causing introduction of html tags.
- Solution so far: Ignore problem. For some sites, the non-wysiwyg mode is disabled and is no problem. Otherwise, it is used only by advanced users who don't mind.
- Roadmap: Persevere with the solution to problem 1 in using those "optional" parsing on save to indirectly solve this. For sites where wysiwyg is mandated - this problem is not an issue.
Problem 4: Html tags appearing in between wiki syntax breaks stuff.
Just try creating a link e.g. ((Link to Page)) in wysiwyg, but before saving, highlight the word "Page" and make it bold, and then save. You will see the problem.
- Solution so far: Tell my users they cannot format stuff within wiki syntax.
- Roadmap: Add strip_tags to the patterns that are matched by stuff in parse_data(). It will check for $is_html first, of course. But this will have to be selectively applied to problem cases, because there may be cases where html tags may be desired and may not cause any problems.
Wishlist
Open
Rating | Subject | Submitted by | Importance | Easy to solve? | Priority | Category | Volunteered to solve | Created | LastModif | Comments | |
---|---|---|---|---|---|---|---|---|---|---|---|
(0) | Automatic paragraph deindentation | SEWilco | 3 | 15 |
| 2009-02-04 | 2009-02-04 | 0 | |||
(0) | Internal links should include all objects | mpeacock | 6 | 30 |
| 2008-07-24 | 2009-04-24 | 0 | |||
(0) | Normal editor destroys table from WYSIWYG editor | Dominique Meeùs | 25 |
| 2009-06-12 | 2009-06-12 | 2 Chealer9-05 Jan 18 | ||||
(0) | Container p tag around content of page in WYSIWYG | Dominique Meeùs | 25 |
| 2009-06-15 | 2009-06-15 | 0 | ||||
(0) | Can't delete unused images uploaded via FCKeditor | Connor MacLeod of the Clan MacLeod | 5 | 25 |
| 2009-07-14 | 2009-07-14 | 0 | |||
(0) | WYSIWYG editor addes extra <br> tags | elizaz | 25 |
| 2009-07-16 | 2009-07-16 | 2 zac2944-07 Jun 13 | ||||
(0) | Quicktags simplebox assign from single caret to double to allow for more elements inside | G.Obarkley | 4 | 20 |
| 2009-01-31 | 2009-08-05 | 5 Jyhem-02 Feb 09 | |||
(0) | Wiki page picker (WYSIWYCA) in edit mode, plugin help and anywhere relevant | 9 high | 45 |
| 2009-08-08 | 2009-08-08 | 0 | ||||
(0) | Admin templates uses WYSIWYG editor even if WYSIWYG was not enabled | Philippe Cloutier | 5 | 25 |
| nyloth | 2009-10-10 | 2009-10-10 | 0 | ||
(0) | 4.0: changing newsletter editor from wysiwyg to normal produces blank page | Xavier de Pedro | 6 | 30 |
| 2009-11-19 | 2009-11-19 | 0 | |||
(0) | WYSIWYG Editor Transparent background Issue | Kent Barrett | 5 | 25 |
| 2009-11-20 | 2009-12-15 | 0 | |||
(0) | WYSIWYG Paragraphs | Kent Barrett | 25 |
| 2010-05-17 | 2010-05-17 | 1 sylvie-20 May 10 | ||||
(0) | Wysiwig FCKEditor on test : the background of long text area when vertical scroll is black - Firefo | Bernard TREMBLAY | 6 | 30 |
| 2010-01-04 | 2010-06-14 | 2 trebly-05 Jan 10 | |||
(0) | Insert an image with editor | Peder Kittelson | 9 high | 45 |
| 2010-06-28 | 2010-06-28 | 0 | |||
(0) | Editing "Image Properties" Does Not Work | Peder Kittelson | 8 | 40 |
| 2010-06-28 | 2010-06-28 | 1 Chealer9-08 Jan 18 | |||
(0) | dev.tw.o: users apparently can delete their tracker items but they are not deleted and no message | Xavier de Pedro | 4 | 20 |
| 2009-11-20 | 2010-09-01 | 5 xavi-11 Dec 10 | |||
(0) | Wanted: default class for images added in wiki editors | 7 | 35 |
| 2010-10-03 | 2010-10-03 | 0 | ||||
(0) | Entering a wiki link with ampersand (&) in link txt in wysiwyg results in encoded & | Nelson Ko | 7 | 35 |
| 2010-10-15 | 2010-10-15 | 0 | |||
(0) | Editor in tiki-editpage.php narrower in IE7 than in other browsers | Nelson Ko | 7 | 35 |
| 2010-10-25 | 2010-10-25 | 0 | |||
(0) | Insert Wiki Link picking up wrong selected text in wysiwyg | Nelson Ko | 7 | 35 |
| 2010-10-25 | 2010-10-27 | 1 Chealer9-08 Jan 18 |
Pending
Closed
Rating | Subject | Submitted by | Importance | Easy to solve? | Priority | Category | Volunteered to solve | Created | LastModif | Comments | |
---|---|---|---|---|---|---|---|---|---|---|---|
(0) | Maketoc not working with WYSIWYG for structured pages | Matthew.Lay | 8 | 40 |
| 2013-01-30 | 2013-01-30 | 3 Matthew.Lay-31 Jan 13 | |||
(0) | WYSIWYG in blogs is broken in BRANCH-1-9 | 7 | 35 |
| 2005-04-22 | 2007-01-06 | 0 | ||||
(0) | Using CTRL-Z while editing a page with wysiwyg will break all wiki links on the page | liquidape | 25 |
| 2008-04-17 | 2008-10-03 | 0 | ||||
(0) | Links in Wiki pages all wrong | PerryM | 5 | 25 |
| 2008-04-23 | 2017-06-18 | 3 arild-08 Oct 11 | |||
(0) | FCKEditor missing tikiwiki toolbar | asphaltjesus | 25 |
| 2008-04-25 | 2011-09-23 | 32 paleogusy-15 Apr 09 | ||||
(0) | wysiwyg editor, or normal editor with html enabled, doesn't parse {maketoc} on wiki pages | Xavier de Pedro | 5 | 25 |
| 2008-06-07 | 2013-11-27 | 1 marclaporte-03 Nov 13 | |||
(0) | edit button does not work in latest 1.10 | mlpvolt | 9 high | 45 |
| 2008-06-13 | 2008-10-05 | 0 | |||
(0) | New blogpost using wysiwyg editor adds a lot of empty lines to the beginning. | Fragbeestje | 2 | 10 |
| 2008-06-25 | 2008-10-05 | 1 superdave-01 Feb 10 | |||
(0) | WYSIWYG - "Insert internal wiki link" button doesn't work (infinite wait) | walklife | 8 | 40 |
| 2008-07-29 | 2011-05-10 | 7 tpinet-10 May 11 | |||
(0) | Option to use WYSIWYG editor on Articles like WiKi pages | davidhigler | 4 | 20 |
| 2008-12-15 | 2018-01-08 | 2 marclaporte-17 Jan 09 | |||
(0) | WYSIWYG Insert internal link fails | dstrass | 5 | 25 |
| 2009-03-04 | 2010-11-05 | 4 tpinet-03 Nov 10 | |||
(0) | WYSIWYG editor addes extra <br> tags | elizaz | 25 |
| 2009-07-16 | 2010-06-22 | 0 | ||||
(0) | AJAX auto-refresh of preview, options: new window or HTMLdiff | Marc Laporte | 8 | 40 |
| 2009-11-02 | 2013-02-19 | 0 | |||
(0) | Module box toggles, tabbed displays, and WYSIWYG / Normal editor switching seem to be flaky; may be jQuery interaction | mheller | 5 | 25 |
| 2010-03-26 | 2010-04-21 | 1 mheller-26 Mar 10 | |||
(0) | Loose the content of a wiki page with the wysiwyg editor. | sdoh | 5 | 25 |
| 2010-09-20 | 2018-01-08 | 1 Chealer9-01 Nov 17 | |||
(0) | Apostrophe (') in page name results in wysiwyg editor not loading when AJAX is enabled | Nelson Ko | 7 | 35 |
| 2010-10-15 | 2010-10-16 | 0 | |||
(0) | Wiki-links and non-latin characters | Alexander | 9 high | 45 |
| 2010-11-22 | 2011-10-07 | 1 nektar-09 Mar 11 | |||
(0) | File button in CKEditor WYSIWYG not working for IE 8 | tpinet | 7 | 35 |
| 2011-03-21 | 2011-05-14 | 11 Chealer9-19 Jul 11 | |||
(0) | WYSIWYG and International character problem in links | 8 | 40 |
| 2011-09-07 | 2011-10-07 | 0 | ||||
(0) | WYSIWYG does not work in version 7.2 | vmchieu | 3 | 15 |
| 2011-10-30 | 2018-01-05 | 1 Chealer9-01 Nov 17 |
Interested community members
Login | Full Name | Interested in features | LastModif |
---|---|---|---|
daniam | Gauthier | Administration Trackers Image Gallery WYSIWYG (What You See is What You Get) Bookmark Federation (Communication Center, SisterWiki, etc.) Contact (address book) | 12 Mar 10 16:37 GMT-0000 |
jonnybradley | Jonny Bradley | Database MySQL (MyISAM) Wiki (page view, edit, history, rename, etc) Calendar File Gallery (elFinder or standard UI) Mobile (Mobile Tiki and Voice Tiki) Watch (email notifications of changes) WYSIWYCA (What You See is What You Can Access) WYSIWYG (What You See is What You Get) Templates (Smarty) Wiki Plugin (extends basic syntax) Installer (profiles, upgrades and server-related issues) Wiki 3D Inter-User messages Site Identity Toolbars, Quicktags and Smileys Search engine optimization (SEO) Wiki Syntax (text area, parser, external wiki, etc) Content template Shoutbox Debugger Console MultiTiki Permission Profile Manager Lost edit protection Multimedia OS independence (Non-Linux, Windows/IIS, Mac, BSD) Semantic links (3.0) Mind mapping (3.0) Web Service TRIM Workspace | 19 Feb 09 15:38 GMT-0000 |
cnd | Chris Drake | Browser Compatibility Administration Category Image Gallery File Gallery (elFinder or standard UI) User Administration (Registration, Login & Banning) Mods WYSIWYG (What You See is What You Get) Installer (profiles, upgrades and server-related issues) Modules InterTiki External Authentication (LDAP, AD, PAM, CAS, etc) MultiTiki Group Permission Help System New feature (not an enhancement to a current one) Staging and Approval | 09 Feb 09 18:09 GMT-0000 |
Humphrey | Hardy Haardt | Browser Compatibility Trackers ~Workflow engine (Galaxia) Maps Theme: Look & feel, Styles, CSS, Theme Control Center WYSIWYG (What You See is What You Get) Templates (Smarty) Installer (profiles, upgrades and server-related issues) i18n (Multilingual, l10n, Babelfish) Database independence (Non-Mysql, ADOdb Postgres, Oracle, etc) External Authentication (LDAP, AD, PAM, CAS, etc) Dynamic Content Gmap (Google Map) Help System ~Trackers (mirror) OS independence (Non-Linux, Windows/IIS, Mac, BSD) TikiTests | 01 Jul 08 14:26 GMT-0000 |
Caldrac | Alexander Blum | Wiki (page view, edit, history, rename, etc) Trackers MyTiki Category Image Gallery File Gallery (elFinder or standard UI) Forum Spreadsheet Newsletters RSS Theme: Look & feel, Styles, CSS, Theme Control Center User Administration (Registration, Login & Banning) WYSIWYCA (What You See is What You Can Access) WYSIWYG (What You See is What You Get) Modules Poll Friendship network (Community) Toolbars, Quicktags and Smileys Task Wiki Syntax (text area, parser, external wiki, etc) Stats Shoutbox User Menu Spam protection (Anti-bot CAPTCHA) Federation (Communication Center, SisterWiki, etc.) Group Permission Profile Manager | 06 Aug 07 02:59 GMT-0000 |
luci | luciash d' being | Wiki (page view, edit, history, rename, etc) Blog Image Gallery Comment Theme: Look & feel, Styles, CSS, Theme Control Center WYSIWYCA (What You See is What You Can Access) WYSIWYG (What You See is What You Get) Wiki Plugin (extends basic syntax) Accessibility i18n (Multilingual, l10n, Babelfish) Meta Tag Site Identity | 22 Jul 06 19:19 GMT-0000 |
Related links
- https://wiki.mozilla.org/Support/WYSIWYG:PRD
- http://help.wikia.com/wiki/Help:Rich_text_editor (nice!)
- http://www.economist.com/blogs/babbage/2011/12/changes-wikipedia
- GhostEdit
- http://markitup.jaysalvat.com/examples/wiki/
- http://visop-dev.com/blogpost12-WYSIWYG-Edit-Tiki-s-wiki-syntax-A-lesson-on-keeping-it-simple
- https://groups.google.com/d/msg/codemirror/BMdcRPweWGY/3g8jrUG6xLEJ
- https://editorjs.io/
HTML5 WYSIWYG
- https://github.com/xing/wysihtml5/
- http://www.wix.com/
- https://getsatisfaction.com/aloha_editor/topics/can_aloha_editor_be_used_as_an_xml_editor
jQuery & WYSIWYG
http://www.queness.com/post/212/10-jquery-and-non-jquery-javascript-rich-text-editors
http://www.jacmoe.dk/what-you-see-is-what-you-mean
Projects
- WYSIWYG wiki WYSIWYG editor generates Wiki syntax
- WYSIWYG-ish wiki improve wiki interface
- Quasiwyg
Summernote
ProseMirror
https://www.indiegogo.com/projects/prosemirror/
Squire
https://blog.fastmail.com/2014/12/08/squire-fastmails-rich-text-editor/