Skip Navigation

Semantic WYSIWYG XHTML Editing

Loki will transform any textarea entry field into a "what you see is what you get" (WYSIWYG) editor.

Loki is different from other opensource browser-based WYSIWYG editors in its focus on web standards compliance and in its encouragement of semantic markup.

Features

  • XHTML output
  • No deprecated elements
  • Uses RSS to integrate with your content management system or blog software
  • Modular JavaScript enables extensibility
  • Supports Firefox, Mozilla, Internet Explorer
  • 100% GPL open source

What Makes Loki Different?

It is an XHTML editor designed from a different point of view from most editors. Rather than offering every feature under the sun -- some of which are of questionable value on an organization's website -- Loki focuses on doing the core things right, and encouraging you and your content contributors to produce semantic markup. Here are some examples of this approach in action:

  • Hitting return produces a new paragraph. Mozilla browsers like to interpret the enter key as a linebreak. This is rarely semantically correct, but most editors use this method.
  • Images must have alt text. Make sure your site remains accessible to visually impaired visitors, search engines, and mobile users.
  • Blockquote clearly labeled as a quote tool. Make sure your site isn't littered with unsemantic blockquotes when you or your contributors really want indenting.
  • Alignment options available, but not prominent. There are some times when alignment of a block should be done in the markup. Most of the time a stylesheet is a more semantically correct way to do it, so alignment isn't a button, but a contextual menu option.
  • Semantic, accessible use of tables is encouraged. Table summaries and headers are included as part of the creation of all tables. Background colors are not embedded in the markup (if you want to style a table, use css.) Creation of tables with 2 or more rows & columns is encouraged.
  • No frivolous features. If you want smileys, arbitrary font selection, text color, background color, and font styles embedded in the code, you can use any one of the many fine HTML editors out there. But if you want a lean editor that produces clean, semantically decent markup, look into Loki.
  • Uses RSS for integration. Want to integrate Loki into a blog? Just point it at the RSS feed the blog is already providing and Loki will provide a point-and-click interface for linking to posts. Create an RSS feed for an image management tool and Loki will provide a similarly powerful interface for placing images in your content.