{"id":1659,"date":"2024-05-13T16:46:41","date_gmt":"2024-05-13T16:46:41","guid":{"rendered":"https:\/\/structr.com\/code-editor\/"},"modified":"2024-05-16T14:07:50","modified_gmt":"2024-05-16T14:07:50","slug":"code-area","status":"publish","type":"page","link":"https:\/\/structr.com\/en\/product\/features\/code-area\/","title":{"rendered":"Code Area"},"content":{"rendered":"

[vc_section row_bg_image_behavior=”bg–image–beh-fixed” row_bg_image_position=”bg–image–pos-tc” row_bg_image_repeat=”bg–image-no-repeat” row_bg_image=”1880″][vc_row row_padding=””][vc_column]

All data types, attributes, scripts and APIs in one view<\/div>

Code Area<\/h1><\/div>

Use the code area to access all data types and attributes directly, edit all scripts and execute methods directly.<\/p><\/div>

\"\"<\/div><\/div><\/div>[\/vc_column][\/vc_row][\/vc_section][vc_section row_padding=”vpt-7 vpb-7″][vc_row row_padding=”custom” row_padding_bottom=”vpb-7″][vc_column width=”5\/6″ col_sticky=”” offset=”vc_col-md-offset-2 vc_col-md-8 vc_col-sm-offset-1″]
\"\"<\/div><\/div><\/div>

Unified Development Environment for All Your Needs<\/h2><\/div><\/div>[vc_column_text]<\/p>\n

Access and manage all data types, attributes, scripts, and APIs in one view with Structr’s code area. This powerful full-stack web IDE features advanced search, syntax highlighting, and code completion. It supports low-code tools and expert functions, offering seamless database transactions, fine-grained access control, and extensive configuration options.<\/strong><\/p>\n

[\/vc_column_text]

Get in touch<\/a><\/div><\/div>[\/vc_column][\/vc_row][vc_row row_padding=”custom” row_padding_bottom=”vpb-5″][vc_column width=”2\/3″ col_sticky=”” offset=”vc_col-lg-6 vc_col-md-7 vc_col-sm-offset-1″]

<\/span>Code Area<\/p>

Fully Integrated Full-Stack Web IDE<\/h2><\/div><\/div>[vc_column_text]The code area is our vision of a truly integrated full-stack web IDE that can be used to easily manage and edit all aspects of a software application. It will be carefully developed from version to version, directly incorporating our own experience and that of our favorite customers.<\/p>\n

The aim is to enable developers to control all components of a software application directly and tool-supported with as little navigation between the various elements as possible, without restricting their degree of freedom.[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_padding=”custom” row_padding_bottom=”vpb-10″][vc_column width=”7\/12″ col_sticky=””][vc_single_image image=”1632″ img_size=”large” image_shadow=”shadow-lg”][\/vc_column][vc_column width=”5\/12″ col_sticky=”” offset=”vc_col-lg-offset-1 vc_col-lg-4″]

<\/div>

Advantages<\/p>

  • Comprehensive search
    <\/li>
  • List of recently edited elements
    <\/li>
  • Integrated code editor (VSCode\/Monaco)
    <\/li>
  • Syntax highlighting
    <\/li>
  • Code completion<\/li><\/ul><\/div><\/div>[\/vc_column][\/vc_row][vc_row content_placement=”middle” row_padding=”custom” row_padding_bottom=”vpb-10″][vc_column width=”7\/12″ col_sticky=”” col_pp_sm=”vc_col-sm-push-5″][vc_row_inner row_padding=”custom” row_padding_bottom=”vpb-5″][vc_column_inner width=”5\/6″ offset=”vc_col-sm-offset-2″]

    <\/span>Code Area<\/p>

    Low-code Tools for More Convenience<\/h2><\/div><\/div>[vc_column_text]Thanks to the predefined lifecycle methods already seamlessly integrated into the database transaction management, even complex workflows can be created quite easily. All that remains to be done is to define the desired behavior, either as a Flow or as a script in one of the numerous supported programming languages.<\/p>\n

    The integrated code editor allows direct access to the data in the database from the code level through direct object mapping and offers code completion with access to all internal keywords, functions and schema information.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_single_image image=”1632″ img_size=”large” image_shadow=”shadow-lg”][\/vc_column][vc_column width=”5\/12″ col_sticky=”” col_pp_sm=”vc_col-sm-pull-7″ col_pp_lg=”vc_col-lg-pull-8″ offset=”vc_col-lg-offset-1 vc_col-lg-4″]

    <\/div>

    Advantages<\/p>

    • Full support of database transactions
      <\/li>
    • Predefined and custom lifecycle methods
      <\/li>
    • Fine-grained access control at object level
      <\/li>
    • Many configuration options
      <\/li>
    • In the future: AI tools for schema modeling and database query generation<\/li><\/ul><\/div><\/div>[\/vc_column][\/vc_row][vc_row content_placement=”middle” row_padding=”custom” row_padding_bottom=”vpb-5″][vc_column width=”7\/12″ col_sticky=””][vc_row_inner row_padding=”custom” row_padding_bottom=”vpb-5″][vc_column_inner width=”5\/6″ offset=”vc_col-sm-offset-2″]

      <\/span>Code Area<\/p>

      Expert Functions for Professional Developers<\/h2><\/div><\/div>[vc_column_text]But professionals are not neglected either. Many expert functions and a very large number of configuration options make it possible to implement almost any use case with the Structr platform.<\/p>\n

      External databases and HTTP APIs can be integrated, the internal APIs can be documented via the integrated OpenAPI\/Swagger module, and a logging function that can be configured in detail and a remote debugging interface are available for troubleshooting.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_single_image image=”1632″ img_size=”large” image_shadow=”shadow-lg”][\/vc_column][vc_column width=”5\/12″ col_sticky=”” offset=”vc_col-lg-offset-1 vc_col-lg-4″]

      <\/div>

      Advantages<\/p>

      • OpenAPI\/Swagger integration
        <\/li>
      • Outbound HTTP API to connect any web service or microservice
        <\/li>
      • Integration of databases via SQL, GQL\/Cypher and MongoDB drivers
        <\/li>
      • Multi-level logging and remote debugging
        <\/li>
      • External authentication via OAuth, JWT etc.<\/li><\/ul><\/div><\/div>[\/vc_column][\/vc_row][\/vc_section][vc_row row_padding=”” row_maxwidth=””][vc_column]

        <\/span>Get in touch with Structr<\/p>

        We are interested in the use of Structr<\/p><\/div><\/div>