TexField
TexField
TexField is a web application designed for creating and managing LaTeX notes on an infinitely large canvas. By leveraging KaTeX for LaTeX rendering, TexField enables fast and efficient display of mathematical formulas directly in your browser.
Getting Started
TexField is an online web application. To start using it, simply visit 
Usage / Shortcuts
| MathEditor Action | Method (mac OS) | Method (Windows) |
|---|---|---|
| Toggle Block Editing mode | command + / | Ctrl + / |
| Create New Block | return | Enter |
| Delete Foucs Block | delete | Backspace |
| Move focus Up / Down | ↑ or ↓ | Up Arrow or Down Arrow |
| Focus Block | Click Block | Click Block |
| TexField Action | Method (mac OS) | Method (Windows) |
|---|---|---|
| Move Canvas | Scroll Wheel / Drag Canvas | Scroll Wheel / Drag Canvas |
| Add New Note | Double Click | Double Click |
| Add Path Link | command + shift + Drag Note | Ctrl + Shift + Drag Note |
| Focus Note | command + Click Note | Ctrl + Click Note |
| Focus Path | Click Path | Click Path |
| Move Note | command + Drag Note | Ctrl + Drag Note |
| Center Note | command + option + 1~9 | Ctrl + Alt + 1~9 |
| Delete Focused Note | Select Note ⇨ delete | Select Note ⇨ Backspace |
| Delete Focused Note | Select Path ⇨ delete | Select Path ⇨ Backspace |
| Global Action | Method (mac OS) | Method (Windows) |
|---|---|---|
| Toggle Dark / Light mode | command + b | Ctrl + b |
| Print PDF | command + p | Ctrl + p |
| Full Screen | command + f | Ctrl + f |
| Export JSON | command + e | Ctrl + e |
| Import JSON | Drag and Drop file to Window | Drag and Drop file to Window |
| Export LaTeX | command + shift + e | Ctrl + Shift + e |
User Interface
Introduction about “Note”, “Block” and “Canvas”
The images above provide a simple introduction to the interface. The surrounding area is the Canvas, the center contains “Note”, and within the notes ate editable regions for mathematical formulas called “Block”. You can click on a block to focus on it.
Toggling between “Normal Mode” and “Edit Mode”
The image above shows how to edit a “Block”. After focusing on a “Block”, you can press command + / (For Windows user, press Ctrl + /) to toggle between “Normal Mode” and “Edit Mode”.
Adding / Deleting “Blocks” & Draging “Canvas” and “Note”
- The left video shows how to add and delete “Blocks”. After focusing on a “Block”, press enter (For Windows users, press Enter) to add a new “Block” below the focused “Block”. Press delete (For Windows users, press Backspace) to delete the focused “Block”.
- The right video shows how to move the entire “Canvas” and a single “Note”. Dragging the “Canvas” directly will move the entire canvas. Press and hold command (For Windows users, hold Ctrl), then click on a “Note” to focus on it and drag it to move the “Note” individually.
[!Note]
The video I present is the old version. Therefore, adding/deleting “Block” need to hold command/ctrl. However, in current version, you don’t need to do that.
Linking two “Notes” by a “Path”
The video above shows how to link two “Notes”. Press and hold command + shift and click-drag one of the “Note” to create a “Path”, which is Bezier curve (For Windows user, hold Ctrl + Shift). Then, while holding the keys, release the click on the other “Note” to connect them with a “Path”.
Focus / Delete “Note” and “Path”
The video above shows how to delete “Block” and “Path”. First, use command + click (Windows users, Ctrl + click) to select a “Note”, or directly click a “Path” to select it. Then press Delete (Windows users, Backspace) to delete the selected “Note” or “Path”.
[!CAUTION] Currently, operations on “Notes” or “Paths” do not have an undo feature. Therefore, deleting or moving “Notes” and “Paths” cannot be undone.
Features
- Infinite Canvas: Interact with a canvas that expands indefinitely to manage and organize your LaTeX notes and diagrams.
- KaTeX Integration: Utilize KaTeX for efficient and accurate LaTeX rendering, supporting a wide range of mathematical notation.
Technology Stack
){kind=icon}
){kind=icon}
License
TexField is licensed under the MIT License. See the LICENSE file for more information.
Contact
For any questions or feedback, feel free to reach out to us at jeffrey0613mao@gmail.com.