added codeedit page and re-arranged features

This commit is contained in:
Knox Lively
2024-03-06 15:16:01 -07:00
parent 3eaff04eb6
commit f081d83c8a
4 changed files with 36 additions and 6 deletions
+30
View File
@@ -0,0 +1,30 @@
---
title: 'Codeedit'
description: 'Edit files inline and quickly using a rich native UI'
icon: 'code'
---
<img height="200" src="/images/codeedit.gif" />
Codeedit is built using [Monaco](https://microsoft.github.io/monaco-editor/) (the editor that powers VS Code) and allows you to view and edit files inline using a rich, native UI. It brings to your terminal an unparalleled editing experience with features such as syntax highlighting, code folding, code completion, find and replace, and much more.
### Using Codeedit
```
Usage:
codeedit [filename]
/codeedit [filename]
[lang=javascript] codeedit [filename]
[lang=json] codeedit hello.json
```
Both with and without the slash are allowed. Filename resolves against the current remote and current working directory.
### Shortcuts
Below is a list of the currently available keyboard shortcuts for Codeedit. We are committed to enhancing Codeedit's capabilities and will update this list as new functionalities become available. Please revisit this page for the latest updates.
- `Cmd-S` - Saves current file
- `Cmd-D` - Closes the editor. Note, users will be prompted with whether or not they'd like to save before closing.
- `Cmd-F` - Search the current file for a string using _whole word_, _regex_ and _match case_ options. `Cmd-F` also supports _find and replace_ by simply clicking the green dropdown arrow in the find box.
**Note:** Codeedit also includes a live preview feature for Markdown files. To activate, open a Markdown file in Codeedit and click the `show preview` button located in the top right corner. This feature enables simultaneous editing and rendering, offering a side-by-side view of your Markdown source and its live output for efficient and immediate feedback.
**Note:** See [codeview](#codeview) to view files in a _view only_ mode using the same native UI.
Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

+4 -4
View File
@@ -57,12 +57,12 @@
{
"group":"Features",
"pages":[
"features/appearance",
"features/connections",
"features/chatGPT",
"features/codeedit",
"features/history",
"features/images",
"features/markdown",
"features/chatGPT",
"features/connections",
"features/appearance",
"features/sshconfig-imports"
]
},
+2 -2
View File
@@ -78,7 +78,7 @@ Shortcuts:
- `Cmd-D` - Closes the editor. Note, this will prevent future saves (and shrink the editor to fit the current size of the content).
- `Cmd-F` - Search the current file for a string using _whole word_, _regex_ and _match case_ options. `Cmd-F` also supports _find and replace_ by simply clicking the green dropdown arrow in the find box.
**Note:** A live preview of Markdown files can also be found in codeedit by clicking the `show preview` button in the top right of the editor. This allows you to edit and render Markdown content in real-time, displaying the output adjacent to the code editor for convenient and immediate visual feedback.
**Note:** Codeedit also includes a live preview feature for Markdown files. To activate, open a Markdown file in Codeedit and click the `show preview` button located in the top right corner. This feature enables simultaneous editing and rendering, offering a side-by-side view of your Markdown source and its live output for efficient and immediate feedback.
**Note:** See [codeview](#codeview) to view files in a _view only_ mode using the same native UI.
@@ -357,7 +357,7 @@ Options:
- `name` - set the name of the screen in the tab bar
- `tabcolor` - set the color of the tab
- `tabicon` - set the icon of the tab (See [fontawesome](https://fontawesome.com/search?o=r&s=solid&f=sharp) for a full list of supported icons. Note that we use the "Sharp" and "Solid" set of icons.)
- `tabicon` - set the icon of the tab. See [fontawesome](https://fontawesome.com/search?o=r&s=solid&f=sharp) for a full list of supported icons. Note that we use the "Sharp" and "Solid" set of icons.
- `anchor` - sets the current scroll anchor position (used by client)
- `focus` - sets the focus type for the screen (used by client) (Options: `input` or `cmd`)
- `line` - sets the currently selected line