{"id":19902361,"url":"https://github.com/vardot/ace_editor","last_synced_at":"2026-05-14T03:32:25.616Z","repository":{"id":65606005,"uuid":"595588788","full_name":"Vardot/ace_editor","owner":"Vardot","description":"Provides integration with Ace code editor https://ace.c9.io.","archived":false,"fork":false,"pushed_at":"2026-02-01T14:01:29.000Z","size":185,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"2.0.x","last_synced_at":"2026-02-01T23:35:13.629Z","etag":null,"topics":["ace","ace-editor","c9","code","drupal-module","ide","web-ide"],"latest_commit_sha":null,"homepage":"https://www.drupal.org/project/ace_editor","language":"PHP","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Vardot.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2023-01-31T11:56:24.000Z","updated_at":"2026-02-01T14:00:54.000Z","dependencies_parsed_at":"2026-02-01T16:02:06.814Z","dependency_job_id":null,"html_url":"https://github.com/Vardot/ace_editor","commit_stats":null,"previous_names":[],"tags_count":34,"template":false,"template_full_name":null,"purl":"pkg:github/Vardot/ace_editor","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vardot%2Face_editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vardot%2Face_editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vardot%2Face_editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vardot%2Face_editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Vardot","download_url":"https://codeload.github.com/Vardot/ace_editor/tar.gz/refs/heads/2.0.x","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vardot%2Face_editor/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33009479,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-13T13:14:54.681Z","status":"online","status_checked_at":"2026-05-14T02:00:06.663Z","response_time":57,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ace","ace-editor","c9","code","drupal-module","ide","web-ide"],"created_at":"2024-11-12T20:17:51.411Z","updated_at":"2026-05-14T03:32:25.609Z","avatar_url":"https://github.com/Vardot.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Ace Editor\n\n[Ace Editor](https://ace.c9.io/) is a code editor written in JavaScript, allowing you to edit HTML,\nPHP and JavaScript (and more). It provides syntax highlighting, proper\nindentation, keyboard shortcuts, find and replace (including regular\nexpressions).\n\nThis module integrates the Ace editor into Drupal's node/block edit forms,\nfor editing raw HTML/PHP/JavaScript (with more) in a familiar way.\nIt also provides a display formatter, along with a text filter and\nan API to embed and show code snippets in your content.\n\n\n## Table of contents\n\n- Requirements\n- Installation\n- Uninstallation\n- Features\n- Maintainers\n\n## Requirements\n\nThis module requires the [ACE Editor JavaScript library](https://github.com/ajaxorg/ace-builds)\n\nPlease download any of the available builds of the latest version and **copy it under** _/libraries/_ so _ace.js_ file can be found under _{drupal_root}/libraries/{any-sub-dir}/ace.js_. Alternatively, use Composer, see \"Installation\" below.\u003c/li\u003e\n\n\n## Installation\n\nInstall with Composer (recommended) or manually, by following these steps.\n\n[Downloading third-party libraries using Composer](https://www.drupal.org/docs/develop/using-composer/manage-dependencies#third-party-libraries)\n\n### Install with Composer\n\nDefine npm-asset repository in the `composer.json`` file, to allow downloading the ACE Editor JavaScript library to the correct folder:\n\n```\ncomposer config repositories.assets composer https://asset-packagist.org\ncomposer config --json extra.installer-types '[\"npm-asset\", \"bower-asset\"]'\ncomposer config --json extra.installer-paths.web\\/libraries\\/ace '[\"npm-asset/ace-builds\"]'\ncomposer config --unset extra.installer-paths.web\\/libraries\\/\\{\\$name\\}\ncomposer config --json extra.installer-paths.web\\/libraries\\/\\{\\$name\\} '[\"type:drupal-library\", \"type:bower-asset\", \"type:npm-asset\"]'\n```\n\nDownload the ACE Builds library. or require it by composer with.\n```\ncomposer require npm-asset/ace-builds:~1.0\n```\n\nBetter to get the library from https://www.npmjs.com/package/ace-builds\n\n\nDownload the ACE Editor module and install it:\n\n```\ncomposer require drupal/ace_editor:~2.0\ndrush en ace_editor\n```\n\nThe Ace library will be downloaded to the `/libraries` folder with `$ composer install/update`. Only one version\n(minified, noconflict...) is required. Other folders (including `/demo`) can be removed.\n\n\n### Install manually\n\n1. Download the latest version of the Ace Editor at\n   https://github.com/ajaxorg/ace-builds/ or directly\n   via https://github.com/ajaxorg/ace-builds/archive/master.zip\n   Do not use a version \u003c 1.4.0.\n1. Extract and place the files tree contents of only one of the releases\n   (minified, noconflict...) under `/libraries/ace` so that`ace.js`\n   is located at `/libraries/ace/ace.js`.\n1. Download, extract and copy the \"Ace Editor\" module to your\n   `/modules` or `/modules/contrib` directory.\n1. Enable the \"Ace Editor\" module on your Drupal Extent page,\n   under the Administration heading. An \"Ace Editor\" filter format\n   is added. You can create a new Text format for use it, or\n   enable the Ace editor for other filter formats at\n   `/admin/config/content/formats`.\n\n\n## Uninstallation\n\nThe module adds a text format named 'Ace Editor' on installation. This filter\nis not disabled when the module is uninstalled, to preserve any content\nsaved using it. If you are sure that there is no valuable content in your\ndatabase saved under the 'Ace Editor' filter format, you can manually disable\nthe filter format at `admin/config/content/formats`.\n\n\n## Features\n\n**Edit HTML, PHP, YAML... in your entities and blocks like a pro**\n\nGo to _admin/config/content/formats_, create/edit a Text format and select 'Ace'\nas the Text Editor. Afterwards, configura the Editor settings. Then head over to\na block or entity containing a textarea with the correct text format and hack \naway!\n\n**Autocompletion**\n\nPress **Ctrl+Space** to use the autocomplete option while coding.\n\n**Display fields using syntax highlighting**\n\nManage the display of any text area fields attached to an entity and select\nthe \"Ace Editor\" format. This outputs the content of the field\nas a ready-only editor, with syntax highlighting in your entity view using\nthe selected options.\n\n\n**Embed code snippets in the body of your entities or blocks**\n\nAdd the syntax highlighting filter to any of your text formats. The module\ndisplays text inside an `\u003cace\u003e` tag as code using the custom formatting options\nspecified as attributes to the `\u003cace\u003e` tag.\n\n**You can override the default options by adding attributes to the `\u003cace\u003e` tag**\n\nHere are the possible values:\n\n```\ntheme\n  clouds = Clouds\n  clouds_midnight = Clouds Midnight\n  cobalt = Cobalt\n  crimson_editor = Crimson Editor\n  dawn = Dawn\n  idle_fingers = Idle Fingers\n  kr_theme = krTheme\n  merbivore = Merbivore\n  merbivore_soft = Merbivore Soft\n  mono_industrial = Mono Industrial\n  monokai = Monokai\n  pastel_on_dark = Pastel on dark\n  solarized_dark = Solarized Dark\n  solarized_light = Solarized Light\n  textmate = TextMate\n  twilight = Twilight\n  tomorrow = Tomorrow\n  vibrant_ink = Vibrant Ink\n```\n\n... and any other `theme-*.js` file available in `\\libraries\\ace`\n\n```\nsyntax\n  c_cpp = C/C++\n  clojure = Clojure\n  coffee = CoffeeScript\n  csharp = C#\n  css = CSS\n  groovy = Groovy\n  html = HTML\n  java = Java\n  javascript = JavaScript\n  json = JSON\n  ocaml = OCaml\n  perl = Perl\n  php = PHP\n  python = Python\n  scala = Scala\n  scss = SCSS\n  ruby = Ruby\n  svg = SVG\n  textile = Textile\n  xml = XML\n```\n\n... and any other `mode-*.js` file available in `\\libraries\\ace`\n\n- `height`:  300px, 75% etc.\n- `width`: 100%, 600px etc.\n- `font-size`: All compatible CSS values for font-size\n- `line-numbers`: 1 or 0 (on/off)\n- `print-margin`: 1 or 0 (on/off)\n- `invisibles`: 1 or 0 (on/off)\n\n### Examples:\n\n```\n\u003cace theme=\"textmate\" height=\"200px\" font-size=\"12pt\" print-margins=\"1\"\u003e\n\u003cace theme=\"twilight\" syntax=\"php\" height=\"200px\" width=\"50%\"\u003e\n\u003cace height=\"100px\" width=\"100%\" invisibles=\"1\"\u003e\n```\n\n**Known limitations**\n\n- Support multiple fields using the AceFormatter with different settings\n  (see https://www.drupal.org/project/ace_editor/issues/2999328)\n- 'auto' height in Ace formatter\n  (see https://www.drupal.org/project/ace_editor/issues/2846046)\n\n\n## Maintainers\n- Growiel - [growiel](https://www.drupal.org/u/growiel)\n- nylin - [nylin](https://www.drupal.org/user/816040)\n- Anatoly Kirillov - [kiritoly](https://www.drupal.org/u/kiritoly)\n- Gonzalo Torrevejano - [interdruper](https://www.drupal.org/u/interdruper)\n- Boby aloysius johnson - [boaloysius](https://www.drupal.org/u/boaloysius)\n- Rajab Natshah - [rajab-natshah](https://www.drupal.org/u/rajab-natshah)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvardot%2Face_editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvardot%2Face_editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvardot%2Face_editor/lists"}