General procedure

1. Input tree: Enter Penn Treebank-style trees (round brackets/parentheses, not square brackets) in the Input box.
2. View tree: Click the "Display tree" button.
3. Edit tree: see below.
4. View edited tree: To view the revised bracketed version of the tree, click on "Bracketed form" tab, and then click "Generate".
   • **Warning**: there is still much manual intervention needed. Users need to copy and paste trees from a text file to the browser and vice versa. (See wishlist below.)

How to edit a tree

1. To re-attach a node: click on it and then drag and drop it to the desired parent node.
2. To re-order nodes within a tree:
   1. Click on a node that is not on the right edge.
   2. Drag and drop it to its parent, as if re-attaching it. This moves the node to the right edge.
   3. Repeat as necessary.
3. To change a non-terminal node label:
   1. Click on the node (the node should be highlighted in yellow).
   2. Type in the corrected label in the top box of "New node" (feel free to leave the bottom box blank).
   3. Select "Edit label".
   4. Click "Update" button.
4. To add a child or sibling to a node:
   1. Click on the node.
   2. Type in the label and string in the top box of "New node". Feel free to leave the bottom box blank if it's a non-terminal node. Otherwise, type in the word.
   3. Select "Add child" or "Add sibling".
   4. Click "Update" button. The new node will appear on the right edge.

Wishlist, in descending order of priority

1. How to read trees directly from a database.
2. How to write trees directly to a database -- but solving this problem could lead to overwriting trees by mistake!
3. How to right click on a node and make edits directly on the node.

Phrase Structure Tree Editor (beta version)

Based on OrgChart by dabeng, originally released under the MIT License.

Modified work (c) 2020-present z-n-huang. All substantial changes can be identified by "z-n-huang" in comments in the source code.