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
Pending
Closed
Rating | Subject | Submitted by | Importance | Easy to solve? | Priority | Category | Volunteered to solve | Created | LastModif | Comments | |
---|---|---|---|---|---|---|---|---|---|---|---|
(0) | WYSIWYG in blogs is broken in BRANCH-1-9 | 7 | 35 |
| 2005-04-22 | 2007-01-06 | 0 | ||||
(0) | WYSIWYG and International character problem in links | 8 | 40 |
| 2011-09-07 | 2011-10-07 | 0 | ||||
(0) | maketoc problems on dev.tiki.org | Arild Berg | 5 | 25 |
| 2012-05-01 | 2013-11-26 | 0 | |||
(0) | Wysiwyg help needs updating | Arild Berg | 9 | 9 | 81 |
| Jonny Bradley | 2013-10-22 | 2013-11-26 | 0 | |
(0) | Fullscreen WYSIWYG missing format eraser | Arild Berg | 25 |
| 2014-03-28 | 2014-07-23 | 0 | ||||
(0) | FCKEditor missing tikiwiki toolbar | asphaltjesus | 25 |
| 2008-04-25 | 2011-09-23 | 32 paleogusy-15 Apr 09 | ||||
(0) | Unwanted alert "You are about to leave this page" when using wysiwyg in trackers | Bernard Sfez / Tiki Specialist | 9 | 8 | 72 |
| Jonny Bradley | 2013-05-29 | 2013-07-07 | 3 marclaporte-07 Jul 13 | |
(0) | Toolbar setting are not saved | Bernard Sfez / Tiki Specialist | 9 | 3 | 27 |
| 2013-06-23 | 2013-07-07 | 1 jonnybradley-04 Jul 13 | ||
(0) | Plugin dialog is hidden when full-screen is on | Bernard Sfez / Tiki Specialist | 5 | 10 easy | 50 |
| Jonny Bradley | 2013-07-16 | 2013-08-15 | 1 pascalstjean-14 Aug 13 | |
(0) | Tiki Plugin with long content broke wysiwyg edit display | Bernard Sfez / Tiki Specialist | 5 | 10 easy | 50 |
| 2013-07-16 | 2013-08-21 | 1 pascalstjean-12 Aug 13 | ||
(0) | The second editor of a page in wysiwyg mode will see an empty editor bloc when overriding | Bernard Sfez / Tiki Specialist | 7 | 5 | 35 |
| 2013-07-22 | 2013-11-28 | 2 jonnybradley-16 Aug 13 | ||
(0) | Toolbar wysiwyg is not working in tracker for text area set to multilingual | Bernard Sfez / Tiki Specialist | 7 | 5 | 35 |
| 2013-12-18 | 2016-02-28 | 0 | ||
(0) | Text area field width and height parameters are not applied when using wysiwyg | Bernard Sfez / Tiki Specialist | 7 | 8 | 56 |
| 2017-02-06 | 2018-02-06 | 0 | ||
(0) | WYSIWYG table editor is broken (lf are converted into %%%) | Bernard Sfez / Tiki Specialist | 8 | 3 | 24 |
| Jonny Bradley | 2018-01-28 | 2018-01-29 | 3 Chealer9-29 Jan 18 | |
(0) | Table Builder tool always inserts a table with a single row in WYSIWYG-wiki mode | Philippe Cloutier | 6 | 30 |
| 2018-01-08 | 2018-01-29 | 0 | |||
(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 File gallery can't deal with non image files | Doug Higby | 5 | 25 |
| 2013-11-13 | 2013-11-24 | 4 pascalstjean-15 Nov 13 | |||
(1) | Structure TOC Plugin breaks CKEditor | Doug Higby | 7 | 35 |
| 2019-01-17 | 2019-08-21 | 2 dhigby-21 Aug 19 | |||
(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 |
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/