IPPC Design Docs / Text Editor

Text Editing System for www.ippc.int

Last updated: Thursday, 24 November 2011 at 13:38:05

Simple, lightweight HTML editor (WMD) for writing on webpages using Markdown syntax.

The idea is to save content to two table columns in the database in order to reduce complexity and improve performance:

  1. The Markdown content entered by the user (displayed on page textareas on page editing views) - content_markdown table in db
  2. The converted HTML (displayed on public page views) - content_html table in db
Markdown (save to content_markdown table in database)
Rendered HTML Preview

Heading Level One

A paragraph with emphasized, bold text and a link to a webpage. You can also do reference-style links, with the reference in the bottom of the page.

  • List item
  • List item
    • Nested list item indented 4 spaces
      • Nested list item indented 8 spaces

A Second-Level Heading

  1. Ordered List item
  2. Ordered List item
    1. Nested ordered list item indented 4 spaces
    2. Note that list style is controlled by the stylesheet (your numbers will be converted)
      1. Indented by 8 spaces
  3. Ordered List item

A blockquotation, followed by an image:

photo description

Generated raw HTML (save to content_html table in database)