ChainIDE-English
  • 1. ChainIDE Introduction
  • 2. ChainIDE Modules
    • 2.1. File System
    • 2.2. Editor
    • 2.3. File Preview
    • 2.4. Logger
    • 2.5. Compile
    • 2.6. Deployment and Interaction
    • 2.7. Plug-in System Module
      • 2.7.1 ChainIDE Debugger
      • 2.7.2. ChainIDE Flattener Plugin
      • 2.7.3. ChainIDE Scan Verifier
    • 2.8. Functions at Bottom Part of ChainIDE
  • 3. ChainIDE - Loading Your Work
  • 4. ChainIDE - Saving Your Work
  • 5. ChainIDE - Port Forwarding
  • ChainIDE
    • 1. Ethereum IDE
      • 1. Ethereum IDE Environment Configuration
      • 2. How to Use Ethereum IDE?
      • 3. Using Hardhat
      • 4. Using Ganache v7
      • 5. Using Truffle
    • 2. BNB Chain IDE
      • 1. BNB Chain IDE Environment Configuration
      • 2. How to Use BNB Chain IDE
      • 3. Using Hardhat
      • 4. Using Ganache v7
      • 5. Using Truffle
    • 3. Conflux IDE
      • 1. Conflux IDE Environment Configuration
      • 2. How to Use Conflux IDE
      • 3. Using Hardhat
      • 4. Using Ganache v7
      • 5. Using Truffle
      • 5. Using Conflux-Truffle
    • 4. Internet Computer IDE
      • 1. How to Use Internet Computer IDE
    • 5. Nervos IDE
      • 1. Nervos IDE Environment Configuration
      • 2. How to use Nervos IDE
      • 3. Using Hardhat
      • 4. Using Ganache v7
    • 6. Polygon IDE
      • 1. Polygon IDE Environment Configuration
      • 2. How to use Polygon IDE
      • 3. Using Hardhat
      • 4. Using Ganache v7
      • 5. Using Truffle
    • 7. Flow IDE
      • Learn how to use Flow IDE to develop dApps
    • 8. FISCO BCOS IDE
      • 1. FISCO BCOS Environment Configuration
      • 2. How to use FISCO BCOS IDE
    • 9. Sui IDE
      • 1. Sui Environment Configuration
      • 2. How to use Sui IDE
    • 10. Aptos IDE
      • 1. Aptos IDE Usage Process
      • 2. How to use Aptos IDE
    • 11. XDC IDE
      • 1. XDC IDE Environment Configuration
      • 2. How to Use XDC IDE
      • 3. Using Hardhat
      • 4. Using Ganache v7
      • 5. Using Truffle
    • 12. Astar IDE
      • 1. Astar Environment Configuration
      • 2. How to Use Astar EVM IDE
      • 3. How to Use Astar WASM IDE
    • 13. IRISnet IDE
      • 1. IRISnet Environment Configuration
      • 2. How to Use IRISnet EVM IDE
      • 3. How to Use IRISnet Native IDE
    • 14. Arbitrum IDE
      • 1. Arbitrum IDE Environment Configuration
      • 2. How to Use Arbitrum IDE
      • 3. Using Hardhat
      • 4. Using Ganache v7
      • 5. Using Truffle
    • 15. Starknet IDE
      • 1. Starknet IDE Environment Configuration
      • 2. How to Use Starknet IDE
    • 16. Mina IDE
      • 1. Mina IDE Environment Configuration
      • 2. How to Use Mina IDE
Powered by GitBook
On this page
  • 1. Splitting Editor Panel
  • 2. Close, Close Group, Close All

Was this helpful?

  1. 2. ChainIDE Modules

2.2. Editor

This section covers the detail information about the editor panel of ChainIDE

Previous2.1. File SystemNext2.3. File Preview

Last updated 1 year ago

Was this helpful?

ChainIDE provides a one-stop solution for their users by creating the facility to provide all the required operations in the form of a single IDE that supports multiple file types, With support for multiple languages such as JavaScript, HTML, CSS, Solidity, etc. and much more. ChainIDE helps you be instantly productive with syntax highlighting, bracket-matching, auto-indentation, snippets, and more.

The highlighted area shown in figure 1 is the editor panel of ChainIDE. Users can easily make changes to the templates available on each blockchain site and set them according to their requirements. Or can create a new project and different files into a project and can use the editor panel for writing the code. It supports Intellisense, syntax highlighting, and much more.

1. Splitting Editor Panel

The Splitting panel allows split into two panels; you can open different files in different editor panels. The files can be directly dragged and dropped to both of these panels for viewing, editing, and other purposes. To split an editor panel into two, click the split button, as shown in the figure below.

If you click the splitting button once, the terminal panel will split into two panels, and the file that will be opened in the first terminal panel at the split time will be open in the second split panel; you can drag and drop any file from the explorer panel to any of the editor panel.

2. Close, Close Group, Close All

As described in figure 4, if you select a file and right-click, you will get three options: close, close group, and close all. Here is what all these three options do:

  • Close: Closes one single file.

  • Close Group: ChainIDE has two groups that use the close group option, one is the editor panel, and the other one is the preview panel. The close group option is used to close these panels separately. For example, if you have opened a file in the editor panel and you click on the close group, all the files in the editor panel will be closed, but it will not affect any files opened in the preview panel. The same is the case on the editor panel side, if you choose the close group in the preview panel, all the files in the preview panel will be closed, and it would not have any effect on the editor side.

  • Close All: Closes all will close all the files opened in the editor panel and preview panel.

1. Editor Panel of ChainIDE
2. Terminal Splitting Button
3. Terminal Panel after Splitting into two
4. Close File Options