Code Editor

We access the code editor by clicking on the button , located at the top of the sidebar. Here we can save code snippets of different languages, classifying them into categories and tagging them with tags that allow us to locate them in subsequent searches. To add code, press the add button , or keyboard access (Ctrl + Insert).

We assign a name to identify it, a category as a way to group code snippets with similar themes, and the programming language to which it corresponds. Additionally we can indicate the url where we found it We write the category in the editor if it does not exist, or select from the list if we have already added it. We indicate the type of language because we can format the code according to different programming languages. Then we can write the code or paste it if we have copied it. It can also be added by clicking the bottom of the sidebar , the code that we select will replace the one that may be in the editor. As in all editors we save by pressing the button , or with (Ctrl + S). We can label the code by adding search words, we do this with the keys (Ctrl + T) that will place us in the tag bar, we write the text and press the accept key to validate it, then we can add other keywords. If we place ourselves in a text tag we can delete it with the (Del) key, and the F2 key if we want to edit it.

The lower list shows the code snippets that have been added. Sort it by clicking the relevant column, or hide and show it with Ctrl + L. Open search with the magnifying-glass button or Ctrl + Shift + F. Search by name or include tags, then filter by language and category. Ctrl + Q clears the search. If a URL is assigned, click the link to open it in the browser.

The editor properties can be configured by pressing the button from the sidebar. Here we can choose the font type and size used, the position of the line line, the color of the active line, etc. In this screen we can style it according to the reserved words and symbologies of each language. When we select a type of identifier, we see on the right the languages that implement it and we can change its display (color, background color, bold, italics and underline).

Adjust code editor properties

To print the diagram, click the print button. , located at the bottom of the sidebar and select the printer. We can export the code by pressing the button , where we find three options: export as html, export with extension rtf, or export with the extension of the language that we are working with.