thomaspark/openhtml

Simple HTML and CSS editor for beginners

openhtml's Issues

Image uploads

Allow users to upload and link to images, perhaps using a third-party image hosting service.

Use HTML title for page names

Instead of a separately managed title for each page, pull from the web page's title

DB Backups

Key combo command-S to save page

Users habitually hit command-s to save the page, as they would in a text editor. We can support this feature.

Linter

In-line error detection, similar to what is supported in Mozilla Thimble

Dashboard state resets

When visiting a page from the dashboard and then going back, the dashboard state resets.

Links in preview pane misbehave

Clicking an absolute link in the live pane resulted in a blank preview window. Viewing the page outside of the editor seemed to work fine though.

Multiple HTML tabs

Allow multiple HTML panes to share a single CSS stylesheet.

Reference lookup

Allow one-click lookup of HTML entities and CSS properties to a reference such as MDN or w3schools.

Display author on each page

Validator button

Button to send the current page to W3C validator.

Update to jsbin v3 for instant saves and native accounts

Disable/hide/delete pages?

It would be nice if there were a way to hide old pages, even if deleting isn't supported. Some students accidentally click the new button a lot.

Account management

A page with more account management options, such as changing/resetting password, setting groups, sharing profile.

Remove undo button

Undo button can be catastrophic when not used with saves (undo everything). Command-z works better.

Change long url button to simple preview button

Users don't know what to expect from the long url button and are reluctant to click it.

Changing the button text to "Preview" is more obvious.

Improvements to how navigation works in Live pane

When navigating away from the preview in the Live pane, there's no easy way to return to the preview. Users may hit the browser back button, which takes them back but doesn't reload properly.

We can add forward/back navigation buttons, or a button to reset to the preview.

Warning when leaving an unsaved page

Use onunload event to display alert when navigating away from unsaved page

Download in dashboard

Download functionality that allows one to:

• Quickly download individual pages from dashboard without visiting the page
• Download all pages from a user
• Filter dashboard by a search (on titles, usernames) and download the returned set

Flatten save options

Users are surprised by dropdown menu on hover, and the redundancy of save option in top-level and dropdown menu.

Better to present save, copy, and download all as top-level buttons.

Visual mapping between HTML, CSS, and Live

Guest login

CodeMirror configuration

Some adjustments to CodeMirror configuration:

Wrap text
Increase tab size from 2 to 4
Highlight matched brackets

http://codemirror.net/doc/manual.html#config

How To Install openhtml ??

I have extracted openhtml in htdocs
on lampp with a PHP 7 server, on Lubuntu 18.04.x
but when I run it in the browser,
show error message

Warning: include(config.php): failed to open stream: No such file or directory in /opt/lampp/htdocs/openhtml/app.php on line 2

Warning: include(): Failed opening 'config.php' for inclusion (include_path='.:/opt/lampp/lib/php') in /opt/lampp/htdocs/openhtml/app.php on line 2

Warning: include(auth.php): failed to open stream: No such file or directory in /opt/lampp/htdocs/openhtml/app.php on line 4

Warning: include(): Failed opening 'auth.php' for inclusion (include_path='.:/opt/lampp/lib/php') in /opt/lampp/htdocs/openhtml/app.php on line 4

How to install openhtml ? 😊

Auto-close tags