---- datatemplateentry project ----
template            : projects:display_template
title               : Custom HTML Editor for an internal Content Management Scenario
shorttitle          : Custom HTML Editor
participants_       : [[people:felix_riedl|Felix Riedl]], [[people:raphael_wimmer|Raphael Wimmer]]
keywords_           : editor, digital_university
status_             : completed
start               : 2020
end                 : 2020
photo_img           : projects:html-editor:htmlgen_screen.png
shortdescription    : A previewable editor for facilitating a specific content management task at the University of Regensburg.
abstract            : A previewable editor for facilitating a specific content management task at the University of Regensburg.
---- 

## Goal

This project has been developed as support for an internal content management task. It 

- provides a simple tool for creating tabbed navigation for non-IT student assistants.

- provides compatible, self-contained HTML, JS and CSS to be used within a CMS.

## Background
 
The current workflow for creating and updating location plans of the University of Regensburg for visitors with impairments requires manual reformating of directions texts into an encoded HTML format. As student assistants in charge of phrasing and updating those directions mostly originate from domains far from the IT field, more extensive additions to this kind of content are a big challenge.

## Status

The current version of the html editor enables student assistants to create a two-level tabbed navigation structure suitable for the directions use case, utilizing a simplified, XML-like markup for use case-specific structures. Also, it features a Live Preview to check the work results before submitting changes to a live version.

The styling of the tabs is responsive to touch screen usage and offers simplified operation through bigger nav buttons.

## Resources

This tool uses quilljs, an open source Rich Text Editor for the web. Visit its makers at https://quilljs.com/